タグ: テーマ

WP2.3の注目新機能にタグ機能があります。が、いくら記事にタグを付けようとも、使用しているテーマが対応していなければ表示されません。そこで、現在使用中の wp.vicuna のテンプレートファイルを編集して、タグ表示に対応させます。

記事に付けられたタグを表示する

それぞれの記事に、分類されたカテゴリが表示されているように、付けられているタグを表示します。こんな感じで、カテゴリの横に表示させました。

コードは下記のように 、カテゴリとエディットの間へ。


<ul class="info">
<li class="date"><?php the_time('Y-m-d (D)') ?></li>
<li class="category"><?php the_category(' | ') ?></li>
<li class="tag"><?php the_tags(); ?></li>
<?php edit_post_link('Edit.', '<li class="admin">', '</li>'); ?>
</ul>


テンプレートファイルは、archive.php、category.php、index.php、search.php、single.php、の５つです。

タグ用のアーカイブを作る

タグ用のアーカイブ、テンプレートヒエラルキーは

1. tag-xxx.php
2. tag.php
3. archive.php
4. index.php

「xxx」は特定のタグです。カテゴリのテンプレートヒエラルキーと同じですね。archive.phpをコピーして、tag.phpにファイル名を変更。パンくずリストと、アーカイブタイトルの箇所に、現在選択中のタグ名を表示させるテンプレートタグが分からず、最初は困ってしまいましたが、「とりあえずいっとけ？」さんのこの記事で、single_tag_titleだと分かり、問題解決。ありがとうございました～。

WordPressテーマの作り方、カスタマイズのポイントやアイデア等を集めたガイド、その名も「WordPressテーマ：作成＆カスタマイズ」を公開する事にしました。

Continue reading

WordPressコミュニティには素晴らしいテーマがたくさんあるのですが、ほとんど全てが欧文のブログを想定しています。気に入っても、いざ導入してみると「あれっ？」と思うこともすくなくないと思います。和文だと見栄えがよくないのが多いんですよね。

そこで、日本語でも見栄えをよくする為のポイントを書いてみます。

Continue reading

もう１週間くらい前になるんですけど、WordPress 2.0 Theme Competitionの結果が発表されていたみたいです。 Tecnhorati のWordPress タグをチェックしていて発見しました。そう言えばそんなコンペやっていたなぁ。すっかり忘れてた。結果は以下。

Best Overall Designs（最優秀賞）
1st Place（１位） – Durable by Andy Peatling

2nd Place（２位） – Kurtina by Gail Dela Cruz
3rd Place（３位） – Ambiru theme by Phu Ly

Most Creative Design（ベスト・クリエイティブ・デザイン賞）
Foliage by Derek Punsalon

Best 3 Column Design（ベスト３カラム・デザイン賞）
Tiga by Shamsul Azhar

Best 2 Column Design（ベスト２カラム・デザイン賞）
Disconnected by Adam Freetly

Best Use Of Colours（ベスト・カラーリング賞）
Dapit Hapon by Gail Dela Cruz

Best Liquid Design（ベスト・リキッド・デザイン賞）
DarkPad by Sreejith Krishnan

Best Use of WordPress Theme Options（ベスト・テーマ・オプション活用賞）
TBD by People’s Choice and Sponsor（ユーザーとスポンサーの投票によって後日決定）

Best AJAX Integration（ベスト・AJAX賞）
TBD by People’s Choice and Sponsor（ユーザーとスポンサーの投票によって後日決定）

WPのテーマをよくチェックされている方はほとんど見たことがあるテーマばかりだと思います。２つほどJavaScriptを使った今風の作りになってますが、以外と堅実なのが多い気がします。個人的には、最優秀２カラム・デザインに選ばれたDisconnectedが一番使いやすそうな印象を受けました。

ちなみに、エントリされたテーマ数は５０を超えるとか 8O　これらは全てTheme Browserでチェックできます。ページ上部のドロップダウンから「WP2.0 Theme Competition」を選んで、「Go」を押してください。

WordPressの管理画面をかっこよくしてくれるプラグインと言えばWP Tiger Administrationが超有名です。しかし欠点が一つ。レイアウトまで変えてしまうところです。もちろん見た目は良くなりますし、僕もきらいではないです。ただ投稿画面に色々と機能を追加するプラグインを入れていると、表示位置がずれたり、最悪の場合画面からはみ出てしまいます。

そこで、見つけたのが、akaさん経由で知ったSpotMilk。これ良いです。レイアウトは変えずに、色やフォント、ちょっとした部品なんかを変えてくれます。

１つだけ気になったのが、記事のタイトルや本文などを入力するエリアのフォント。
"Lucida Grande", "Lucida Sans Unicode",Verdana, sans-serif
となっているんだけど、WindowsでのLucida Grandeの見栄えは非常に悪い。なのでLucida GrandeとLucida Sans Unicodeは削除。Verdanaに統一して非常に書きやすくなりました。

編集方法は、Spotmilkのフォルダにあるwp-admin.cssをエディタで開きます。エディタの検索機能を利用して、"Lucida Sans", "Lucida Sans Unicode", を検索して削除、もしくはコメントアウトしていきます。それだけです。確か３箇所ありました。

テーマを変更。Hemingwayも良いけどちょっと暗いので、少し明るめのに変更。その名も「fSpring」です。製作者のFredrik Fahlstadさんは他にもシンプルで綺麗なテーマを公開れてます。Latest Commentsプラグインの表示が上手く言ってないようですが、時間を見つけて修正します。

先ほど書いた「Installed a new theme」の日本語版記事です。英語版を書いて、その後で日本語版の新しいポストで書く、と言うスタイルはしないつもりですが、１回くらいは試しにしてみようと思い書いてみます。直訳にはならないと思いますが、内容は同じにするつもりです。

バイリンガル・プラグインや、タグ関係のプラグイン等、是非入れたいと思っているプラグインが多数あるので、落ち着くまでWP2.0のディフォルト・テーマのままでいくつもりでした。デザインいじりはその後でやろう、と。オリジナルのテーマも作ってみたいし。しかーし、先日WarpspireにてHemingwayと言う、すごくシンプルでカッコイイテーマで出会えたのでインストールしてみました。

実を言うと、個人的にはこれまで固定幅の真ん中レイアウト（”wrapper”とか”container”を使ったやつ）で、かつ、２カラムが好きだったんです。なので、Hemingwayも最初はシンプルさに惹かれたのですが、幅の大きいレイアウトに少し違和感を感じました。ダウンロードしても数日そのままにしていたのですが、サイトを見ているうちにだんだんと違和感がなくなってきて、思い切ってインストールしました。

Hemingwayはまだversion0.1なので、色々な箇所が抜けています。Aboutや、Archivesへのページへのリンクや、個別記事表示したときの「１つ前」「１つ後」の記事へのリンクをはじめ、Archives.phpもまだ製作中のようです。これらの最低限必要なリンクやページを作りました。 また、ヘッダーの色も、白系から青系へ変えています。Hemingwayのロードマップによると、これらのバグや未完成部分は以後のリリースで修正予定で、さらにまだまだ面白そうな機能をつけるプランなようです。

Hemingwayのアップデートに注目しながら、WP2.0の勉強がてらにしばらくはこのテーマをいじりながら使っていく事にします。

P.S.変な日本語でスミマセン。英語の方がはるかに書きやすい気がする。あと、最近MSIMEにいらいらしてます。Atok2006買おうかな。