テンプレートによっては、「オプション」と呼ばれる設定値を持つものがあります(オプションが無いテンプレートもある)。この設定値を変更することで、HTMLやCSSの知識が無くても、テンプレートの色やレイアウトを簡単に変更することができます。
ここではデフォルトのテンプレート「protostar」のオプションを変更してみましょう。
メニューの「エクステンション」→「テンプレート管理」を選択し、表示されたテンプレート一覧の中から「protostar」を選択します。
タブが3つあり、最初に表示される「詳細」タブには、テンプレートの説明が表示されます。「オプション」タブを選択すると、次のようなオプションが表示されます。
いくつかオプションを変更してみましょう。
「テンプレートの配色」のテキストボックスの中を選択すると、色を選択するためのカラーピッカーが表示されます。適当な色を選んだら保存します。
フロントエンドで再読込すると、記事の見出しやリンクの色が変化していると思います。
テンプレートの配色は元の色に戻しておきましょう。元の色は「#0088cc」です。この値をコピーして貼り付けて下さい。
次はロゴを設定してみます。
「ロゴ」にある「選択」ボタンをクリックします。
Joomla!の画像フォルダが開きます。この中から右から2つめのロゴを選択し、「挿入」を押します。
「ロゴ」の欄に「images/joomla_~」のように表示されているのを確認して保存します。
サイト側で再読込すると、サイト名の代わりに先ほど選択したロゴ画像が表示されます。
ロゴを削除してみます。「ロゴ」の欄の「×」ボタンをクリックして保存します。ロゴ画像は削除され、再度サイト名が表示されます。
このように、テンプレートのオプションを変更することで、デザインやレイアウトを簡単に変更できます。ただし設定できるオプションはテンプレート毎に異なります。例えばprotostarにある「テンプレートの配色」というオプションが、他のテンプレートにあるとは限りません。オプションがまったくないテンプレートもあります。