Joomlaのテンプレート変更

前回の日記では、Joomlaのインストールに成功したところまで書いた。はてなダイアリーで簡単にデザインを変更できるように、Joomlaでもテンプレートを変更することで、簡単にサイトのデザインを変更できる。テンプレートは世界中で山のように作られているので、適当に気に入ったのをダウンロードしてインストールすればいいらしい。
≫「Joomla free template」でぐぐってみる
そいで、まずこれがデフォルトのトップ画面。このデザインを変更してみる。

まずは適当なテンプレートをダウンロードする。今回は http://www.joomla24.com/ から Arausio Macula ってテンプレートをダウンロードした。ZIPファイルだけど、解凍しないままでインストールできるらしい。まずは管理画面にログインする。

以下の画面が管理画面にログインしたところ。

メニューから[エクステンション]-[インストール/アンインストール]を選択する。

インストール画面を表示するので、[参照]ボタンをクリックしてダウンロードしたテンプレートファイル(ZIPファイル)を選択する。

[参照]ボタンの右側の[アップロード＆インストール]をクリックすると、そのテンプレートがインストールできる。正常にインストールされれば「成功」と表示される。

インストールしたテンプレートに変更するために、メニューから[エクステンション]-[テンプレート]を選択する。

テンプレート管理画面に移行する。インストールしたテンプレートが追加されているのが分かる。下のふたつはJoomlaに標準で添付されているテンプレート。

マウスカーソルをテンプレート名の上に動かすと、そのテンプレートのサムネイル画像を見ることができる。インストールしたテンプレートをデフォルトに設定するために、ラジオボタンでそのテンプレートを選択してから右上の[デフォルト]をクリックする。

そうすると、テンプレートのデフォルトが変更される。新たにインストールしたテンプレートにデフォルトのアイコンが移動する。

サイトのトップ画面をリロードすると、デザインが変更されていることが分かる。

ヘッダやフッタを変更するには、テンプレートを構成しているファイルを直接編集する。

# vi /var/www/joomla/templates/arausio_macula_j1.5/index.php

ロゴの画像は CSS ファイルに記述されているので、ロゴを自分のサイトのものに変更したい場合は CSS ファイルを変更する。(CSSファイルが置いてある場所やファイル名はテンプレートによって異なるかも)

# vi /var/www/joomla/templates/arausio_macula_j1.5/css/layout.css

あ、ファビコンも変更しなきゃ。
デザインとかロゴとか変更すると、なんとなく自分のサイトらしい気になって、サイト構築する気分になる。ｗ