テンプレートのデザインを細かく調整したい場合、テンプレートを構成するPHPファイルやCSSファイルを編集する必要があります。これらはJoomla!のバックエンドから編集する事ができます。

ここではテンプレート「beez_20」を編集してみましょう。

「エクステンション」→「テンプレート管理」を開き、「テンプレート」をクリックします。

テンプレートの一覧が表示されます。

「beez_20の詳細」をクリックします。

テンプレートで使用されているファイルの一覧が表示されます。画面左側がHTMLを出力するPHPファイル、右側はテンプレートで使用されているCSSファイルです。

「メインページ用テンプレートの編集」をクリックしてみます。

次のようなエディタが開き、テンプレートのベースとなるHTMLコード、PHPコードを編集できます。

同様に「～.cssの編集」をクリックすればCSSファイルを編集できます。

なお実際の編集方法については割愛します。HTMLやCSSの知識があればそう難しくないはずです。

【Joomla!が使えるレンタルサーバー】