WordPressの勉強-03「テーマの変更」

December 2, 2009
theme_vicuna_main.gif

WordPressの「テーマ」の種類は、MTよりも多そうですね。

調べてみると「Vicuna」がカスタマイズしやすくて便利そうなので、拡張版「wp.Vicuna Ext」をさらにカスタマイズした「wp.Vicuna Ext. Custom」を導入してみました。

■Vicunaのダウンロード

Vicuna(WordPress用)のテーマは、3種類あります。

●「wp.Vicuna」Vicuna.jp 純正 UTF8版

WordPress テーマ Vicuna - ダウンロード

●「wp.Vicuna Ext」拡張版

ma38su.org - wp.Vicuna Ext

●「wp.Vicuna Custom」カスタマイズ版

↓こちらのカスタマイズ版をダウンロードさせていただきました。ありがとうございます。
the Fang of Sky - wp.Vicuna Ext. Custom

●「Vicuna Adaptor」wp.Vicuna Ext.専用のプラグイン

あと、wp.Vicuna Ext.機能を拡張するためのプラグインも入れました。ありがとうございます。
ma38su.org - Vicuna Adaptor

「Vicuna Adaptor」の対応している拡張機能
  • はてなスター
  • はてなブックマーク
  • hatena-bookmark-anywhere.js / はてなブックマークコメントの表示
  • del.icio.usへの登録
  • フォントサイズの切り替え / Fontsize Switcher

■テーマの変更

WordPressのテーマの導入は実に簡単で、ダウンロードしたZIPファイルを展開して、
/wp-content/themes/
にアップロードするだけで、【外観>テーマ】から選択できます。

これはMTもいっしょですが、実に簡単です。

●Firefoxでテーマのcssが反映されない

で、テーマをVicunaに変更したけど、IE8では、きちんと表示しているのに、Firefox3.5では、なぜかcssが反映されませんでした。

キャッシュをクリアしてもダメ。

そこで、cssを読み込んでいるヘッダー (header.php)を調べてみて

<?php $css = get_bloginfo('template_url') .'/style.php'; ?>

<?php $css = get_bloginfo('template_url') .'/style.css'; ?>

に変更するとcssが反映されました(「style.php」→「style.css」)。

「style.php」は、「style.css」を書き出すプログラムになっているようですが、うまく読み込めてなかったっぽい。これは、ボクだけの環境のせいかもしれないので、あんまりアテにしないでください。

  • WordPressのバージョン:2.8.6
  • PC:Windows Vista SP2
  • ブラウザ:Firefox 3.5

■Vicunaテーマのカスタマイズ

theme_vicuna_01.gif

テーマを「Vicuna」に設定すると、【外観>Vicuna 設定】から、スキンやタイトルまわり、グローバルナビゲーションなどの設定ができます。便利!

●Vicunaのスキン

スキンも数種あります。

WordPress テーマ Vicuna - Layout Pattern

「Vicuna」で配布しているスキンは、HTMLのbodyタグのclass属性値を編集することで数十通りのレイアウトに簡単に変更できる設計になっているそうです。

■Vicunaレイアウトのカスタマイズ

theme_vicuna_02.gif

【外観>レイアウト】から、各ページのレイアウト変更が可能になっています。いたせりつくせりですね。便利すぎて勉強にならないかも。

■WordPressの練習ページ

KYS-VOICE(Wordpressの練習用サイト)※アドレス変更しました。

KYS-WP*(Wordpressの練習用サイト)

まだ、テーマを変えただけなので、本格的なカスタマイズはこれから。

まず、WordPressのテンプレートタグを理解しないと。

関連記事

トラックバック(0)

コメントする


画像の中に見える文字を入力してください。

PageTop