Home テンプレート編 テンプレートをカスタマイズ!! 【その2】

テンプレートをカスタマイズ!! 【その2】

ユーザの評価: / 0
悪い良い 

テンプレートを探してこよう!!

Joomla!はおしゃれでかっちょいい、センスの良いテンプレート(無料も有料もある)が数多く公開・配布されています。テンプレートを公開・配布しているサイトも多く存在するわけですが「無料のテンプレート」と言えばやはり「download.Joomla!.de」ですかね。ただ、この「download.Joomla!.de」ドイツ語なんですね〜(×_×)
まあ近頃ではGoogleなどのページ翻訳を利用すれば、なんとかなっちゃうモノです。ということで、「download.Joomla!.de」からステキなテンプレートをダウンロードさせていただく手順をざっとご紹介。

download.Joomla!.de からテンプレートをダウンロード

  1. download.Joomla!.deにアクセスする。


  2. Template Galerie 上の方にあるTemplate Galerieをクリック

  3. Templates für Joomla 1.5 ページ中程のTemplates für Joomla 1.5をクリック
    これは1.5.×系用のテンプレートを公開している所ですが、下位互換モード(legacy)を有効にしていれば、上から2番目の「Templates für Joomla 1.0.x und Joomla 1.5.x (im Legacy Mode)」にある1.0.x系用のテンプレートも利用可能です。
    Templates für Joomla 1.0.x und Joomla 1.5.x (im Legacy Mode)

  4. するとしたのような画面になり、3つのアルバムがあって、
    3つのアルバム
    左から「Statische Templates」内には239のテンプレート
    「Dynamisch」内には27のテンプレート
    「Breite wählbar」内には40のテンプレート
    と、計306のテンプレートが公開されているって事です。(2008年9月22日現在)

  5. 今回は「Statische Templates」からテンプレートを探してみます。

    ◆19番目のページにある「DJ-0013」をダウンロートしてみます。※テンプレートは日々新しいモノが追加公開されていくので、掲載ページは変わります。
    「DJ-0013」をダウンロード
    ◆画像かDownloadをクリックすると、ダウンロードページに移ります。

    DJ-0013ダウンロードページへ
    ◆もう一度Downloadをクリック。

    もう一度Downloadをクリック
    ◆チェックして、Downloadボタンを押すとダウンロードが始まります。
    ダウンロードしたファイルは解凍しないでOK!!(※1)

  6. テンプレートによっては、いくつかのパターンのテンプレートが一つに圧縮されている事もあります。この場合は、解凍して、その中になる圧縮データを個別にアップロード(インストール)する必要もあります。
    アップロード(インストール)してみてエラーになる時は、このケースが多いので一度解凍してみてください。




  7. 自分のJoomla!サイトにアップロード(インストール)する。
    エクステンション > インストール/アンインストール > インストール
    「選択」ボタンを押して、テンプレートデータ(dj-0013.zip)を選択して、「アップロードファイル&インストール」ボタンを押します。

  8. インストールしたテンプレートをデフォルトに設定する。
    エクステンション > テンプレート管理
    インストールされているテンプレートの一覧から「dj-0013」の左側のチェックボックスをチェックして、右上の「★デフォルト」をクリックする。
    img08プレビューをクリックして、フロントエンドを見てみましょう。

もうひとつ同じテンプレートをインストールする(面倒なら不要)

テンプレートのCSS等をカスタマイズして、ブラウザ毎の表示チェックをしてみると、いつの間にかレイアウトが崩れてしまってたりします。そんな時に、どこがまずかったのか? カスタマイズ前のテンプレートだとどんな感じで表示されていたか? と元の状態を確認したいときはどうするか?

カスタマイズしたいテンプレートをもう一回インストールしてしまえばよいのです。ですが、ダウンロードしてきた状態そのまま(または、インストールした状態そのまま)では、一つのJoomla!サイトに、同じテンプレートを複数インストールすることはできません。フォルダ名がかぶってしまうので、インストール時にエラーがでてしまうのです。
じゃあ、フォルダ名を変更しちゃいましょう。

テンプレートのフォルダ名の変更方法

  1. FTPでテンプレートディレクトリにアクセスする。
  2. 変更したいテンプレートのフォルダ名(ディレクトリ名)を変更する。
    例えば、「dj-0013」を「dj-0013-customize01」みたいな感じ。

これで、もう一回同じテンプレートをインストールする事ができるようになります。ですが、このままだと、テンプレート管理画面で同じ名前が並んでいて、どちらが元だかカスタマイズ用だか分かりづらくなってしまいます。
ならば、テンプレートの名前も変更しちゃいましょう。

テンプレート名の変更方法

  1. またまた、FTPでテンプレートディレクトリにアクセスする。
  2. 先ほどフォルダ名(ディレクトリ名)を変更したフォルダの中の、「templateDetails.xml」をダウンロードする。
  3. 「templateDetails.xml」をテキストエディタ(秀丸やMIあたりが無難。)で開く。※もちろん「Dreamweaver」や「Golive」でもOK!!
  4. 上から3行目か4行目あたりにある<name>テンプレート名</name>(テンプレート名の部分)を適当に変更する。
    ※日本語は使わない方が無難
    例えば、<name>dj-0013</name>を<name>dj-0013-customize01</name>なんて具合に変更。
  5. 保存したら、FTPでアップロード(上書き)する。

これで、テンプレートの保存されているフォルダ名を変更して、テンプレート管理画面で表示されるテンプレート名一覧に並ぶテンプレートの名前の変更は完了です。
実際にカスタマイズしていくのは、今変更したテンプレートの方にするとして、もう一度、元のテンプレートをインストールすれば、元のモノ・カスタマイズ用のモノがテンプレート管理画面に並ぶことになります。

この「もうひとつ同じテンプレートをインストールする」ってのは、やってもやらなくても良いことなので、面倒な方は無視してください。単に自分はこんな風にしてるよってだけですので… ※雑な説明でごめんなさい。



上記の「もうひとつ同じテンプレートをインストールする」方法は他にもあって、何も一度アップロード(インストール)したモノをいじらなくても、テンプレートをダウンロードしてきたモノを、自サイトにアップロードする前に、一度自分のPC上で解凍して、「フォルダ名を変更」「templateDetails.xmlを修正」。あらためて圧縮して、アップロード(インストール)すればOK!! こっちのやり方の方がシンプルで分かりやすく簡単(解説も(^_^;)でした(;.;)



次は、テンプレートをカスタマイズ!! 【その3】
最終更新 2008年 12月 02日(火曜日) 11:31  

あなたのコメントを追加

あなたのお名前:
件名:
コメント: