テンプレートにはこだわりたい!!…だけど、オリジナルのテンプレートを0から作るには、時間もスキルもちょっと足りない(×_×;）
そんな時は、既存のテンプレートを、ちょっといじらせてもらいましょう!!
テンプレートのカスタマイズ方法はいろいろあると思います。その人自信のスキルとか、使ってるアプリケーションなどによって、まさに十人十色って感じで様々なやり方があることでしょう。
「Joomla!」テンプレートカスタマイズ
そこで「わたしはこんな風にやってま〜す(^。=)」ぐらいのノリでテンプレートカスタマイズの方法をご紹介することにします。ただし、何度も言いますが、もっと効率的な良いやり方があるかもしれません。いや…あるはずです。ですから「あ〜、こんなやり方してる奴もいるんだ〜」ぐらいの感じでご覧ください。
使ってる道具
- Webブラウザ：Firefox
- Firefox拡張機能：Firebug
- CSS編集ツール：Adobe Dreamweaver
（「CSS記述支援」と「FTPアップロード」ができるので（持ってたから）使ってるだけです。他のCSS編集支援フリーソフトで充分です。）
私はCSSを書く際に「Dreamweaver」を使ってますが、実際はテキストエディタなどで充分なのです。「Dreamweaver」を使うと、書きやすいので私は使ってますが。CSSをカスタマイズする「度合い」によっては、CSS編集ツールなど無くても（※）問題はないのです。（※ブラウザからの作業だけで完了する事も可能です。）
「文字のサイズや色を変更したい」とか、「ヘッダ部分の背景の色をグレーからブルーに変更したい」ってぐらいなら、「Firefox拡張機能：Firebug」でCSSを調査して、Joomla!の「テンプレート管理」→「テンプレートCSSエディタ」で書き換えちゃえば、“プチカスタマイズ”は完了です。
テンプレートカスタマイズの流れ
- 気に入ったテンプレートを探して、ダウンロードする（もちろんデフォルトでインストされてるテンプレートをカスタマイズしちゃってもOK）
- そのテンプレートで使われているイメージ画像を変更する
- CSSを自分好みにいじくりまわす【CSS編集】
- phpをいじってモジュールを配置する場所を追加・変更してみる【HTML編集】
ってな感じだと思います。
※4番目のphpに手を加えるってのは、phpとかHTMLがよくわからない人はやめといた方が良いかも!? と言っても、仮にしくじったとしてもテンプレートを切り替えちゃえば良いわけだから、ちょっと冒険してみるのも良いかもしれない。
| < 前 | 次 > |
|---|
