簡単!Joomla!でサイトを作ろう

Narrow Default Wide
Blue Colour Green Colour Orange Colour Red Colour

 記事の中にソースコードを貼り付けたいことってよくあります。このサイトでもこれまでに少しだけ記事の中に貼り付けたことがあるのですが、pre タグに直接 style を設定するなどしてごまかしてきました。

 

 でも、世の中には同じことをやりたい人はたくさんいるので、プラグインがあるはずだと思って探してみたところ、Hs Highlighter というプラグインがありましたので、さっそく使ってみることにしました。

 

 

 Hs Highlighter をクリックし、Hs Highlighter の画面に進みます。

 

 をクリックすると、ダウンロードサイトが開きます。

 

 ここでユーザー登録してログインすると、プラグインをダウンロードできます。

 

 プラグインのファイル(この記事を書いた時点では pkg_hs_highlighter_1.0.12.zip )をダウンロードしたら、「エクステンション管理」で「パッケージファイルのアップロード」タブからインストールします。

 インストールが完了したら、「エクステンション」−「プラグイン管理」でインストールした「コンテント − Hs Syntax Highlighter」を有効化します。

 

 

 記事を編集する画面に行くと、記事を入力するテキストエリアの下にが追加されています。

 

 このボタンをクリックすると、コードを入力するダイアログボックスが開きます。

 

 

 このダイアログボックスでソースコードのタイプを選択し、コードを入力した後でコードを本文に挿入するをクリックすると、テキストエリアにコードが追加されます。

 

public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello World!");
    }
}