WordPressのテーマをwp.Vicuna Extでカスタマイズするまでのいろいろ
- January 7th, 2009
- Posted in WordPress関連
- Write comment
さてWordPressですが、ようやく納得のいくテーマに落ち着きました。クリーンなコーディングが特徴の人気テーマ、Vicunaをベースに改造したものを適用しました。
コードをいろいろ見ていたのですが、難解そうなCSSのハックがありつつも、とってもわかりやすかったです。素晴らしすぎます、ありがとうございます＞開発者の方々。
なお、ところどころ公式サイトでリンク切れを起こしている箇所があったのでまとめてお役立ちリンクなどを（自分用にも）。
- Vicuna – WordPress テーマ
- WordPress テーマ Vicuna – Layout Pattern
- WordPress テーマ vicuna – スキン
- ma38su.org – wp.Vicuna Ext
- ma38su.org – Vicuna Adaptor
- Vicuna :: Board Index
- Vicuna :: フォーラムを表示 – └ wp.Vicuna Ext
まずはここから。公式サイトですね。
組むのが可能なレイアウトの種類。
スキンダウンロードサイト。
ウィジェットにも対応したVicunaの拡張版。僕はこちらを使わせていただいています。
wp.Vicuna Ext用のプラグイン。はてブのカウントとか出てきて便利。こちらも使わせていただいております。
Vicunaのフォーラム。わからないことがあればこちらで。
Vicunaの拡張版のフォーラム。こちらも参考になりました。
あと個人的にはまった点、カスタマイズの仕方などをばメモしておきます。
- プレビューでCSSがあたらない？
- WP Super Cacheに気をつけよう
- JSViewがおすすめ
- やっぱりFirebug最強
- 配色で迷ったらCOLOURlovers
テーマをダウンロードしてプレビューをしたはいいが、プレビュー画面がまっさらになってしまいました。フォーラムでも同様の問題を抱えている人がいましたが、これは設定がうまく読み込まれていないせいっぽいです（特に別サーバーから移行した場合）。いったん気にせず強引にテーマを適用し、各種オプションを再度設定すると元に戻りました。
カスタマイズしてさぁ確認、というときにキャッシュが利いていて「あれ、変わっていない？」なときがあります。おかしいな？と思ったときはキャッシュを外しましょう。
Vicunaの拡張版は設定によってどのスタイルがあたるかが変わるので（PHPで動的に読み込み先を変えていますね）、Firefoxのアドオン「JSView」を入れておくといいですよ。
↑ 今読み込まれているJSがわかります。
↑ 僕の場合、これが読み込まれているスタイルシート。
Firefox限定ですが、やっぱりあとはFirebug。「調査」しまくりで適宜カスタマイズしていきましょうね。
↑ やっぱりこれが最強。
↑ 指定した値を無効にしたり、変更してその場で反映させることもできますねぇ。
↑ 画像にマウスオーバーするとそれが見えるのもポイント高い。色も同じ。
あとデザイン系で使えるサイトといったら定番のCOLORlovers。配色やパターンで悩んだらのぞいてみるといいですよ。
↑ 色から検索できるいろいろがあります。
ご利用はこちらからどうぞ。単に壁紙探すのでも楽しいですよ。
まだまだカスタマイズしたいところはありますが、とりあえずこのテーマでいっときたいと思います。導入したいプラグインもたくさんありますし、時間が足りないなぁ、こりゃｗｗ。
こんにちは。
僕も去年の秋ごろからwpを触り始めたので、
いろいろ参考になる記事ばっかりで助かります。
ただ、僕の方が少し早く始めたのに、
もうだいぶ置いていかれている感がありありで、
なんだか悲しい感じもしますが。。。
去年はwpを使ったサイトを２つ公開したのですが、
最近またもう１つ作っているところなので、
これからもwp関係の記事は特に注意してみていくことにします。