１．テーマを探す

探し始めるとすぐに迷いました。というのもかっこいいテーマが多すぎるのですよ。参考にしたのはこちら。

■WordPress › WordPress Themes
本家サイトのテーマ集。

■無料のWordpressテーマ100選 | DesignWalker
この年末年始を使って移行するための人向けにDesignWalkerさんがまとめてくれたもの。

で、結局選んだのはこちら。シンプルで、リキッドレイアウト（ブラウザ幅にあわせてレイアウトが可変）で、サイドバーの数を変えられるものを基準にしたら、これに行きつきました。

■WSC5 WordPress フリーテーマ 無料ダウンロード

２．インストールする

WordPressのテーマインストールはすごく簡単でした。ダウンロードしたものをサーバの/wp-content/themes配下にディレクトリ毎アップロードして、ダッシュボードの「外観：テーマ」で選ぶだけ。MovableTypeのSeesaaだと再構築が必要でしたが、アクセスの都度動的生成してくれるWordPressだから再構築不要。色々試してみるのに便利です。

３．スタイルシートをいじる

デザインが得意な方ではないので基本はインストールのまま。h3とかh4とか4つほどオリジナルスタイル追加。インストールしたテーマディレクトリの配下にあるstyle.cssをいじれば良いようです。

４．テンプレートをいじる

使うことにしたWSC5のテーマで気に入らないところがいくつかあったので、手を入れることにしました。テーマ配下のテンプレートphpファイルをいじることになるので、ここまでにテーマは固めておきましょう。

４．１．テンプレートの構造

全くマニュアル読まずに始めてしまい最初はトライアンドエラーを繰り返しました。しかし、テンプレート階層図を見てすっきり。

■テンプレート階層 – WordPress Codex 日本語版

４．２．archive.phpを作る

カテゴリーやタグ、年月といったエントリー一覧を表示したいページを作りたかったのですが、WSC5テーマではエントリー内容まで表示されてしまい、とても一覧性があるとは言えません。最初はindex.phpに手を入れ始めたのですが、前述の階層図を見てすっきり。これらはarchive.phpがあればarchive.phpを使って処理されるようです。

そこで、index.phpをコピーしてarchive.phpを作り、while文の中の本文表示をスパッとなくした。これで、一覧性あるアーカイブページが出来ました。

ついでに、はてブマーク数を表示するように改造して、こんな感じに。

ソースコードはこちら。

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<li>
<?php the_date(‘Y/m/d’); ?> :
<a href=”<?php the_permalink() ?>” class=”title”>
<?php the_title(); ?>
</a>
<a href=”http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>”>
<img src=”http://b.hatena.ne.jp/entry/image/<?php the_permalink(); ?>”
alt=”このエントリのはてなブックマークを見る”
title=”このエントリのはてなブックマークを見る”
/>
</a>
</li>
<?php endwhile; ?>

４．３．トップページは抜粋だけにする

Seesaa時代はトップページに最新エントリーだけを表示していましたが、トップページはザーっとナナメ読みできるようにしたくて、タイトル、日付、カテゴリ、および抜粋だけに変更。index.phpをいじってこんな感じ。

トップページだけはイメージフォトを入れることにして、季節の写真をお届け。

抜粋文はSeesaa時代には書いてませんでした。
今から400エントリー全部書くのは面倒なので、「All-in-one-SEO」プラグインの「Autogenerate Descriptions」オプションをオン！これで先頭の50文字を自動的に抜粋文として表示してくれるようになりました。このオプション、wp_postsテーブルのpost_excerptフィールドが空っぽの場合に自動生成してくれるようです。何だかうまく表示されないエントリーがいくつかあったので、えいやとばかりに全部クリアしてプラグインにお任せ。手抜きですなぁww。クリアのSQLはこちら。

update wp_posts set post_excerpt = “”;

４．４．ページあたりのエントリー数

ここで気付いたのですが、１ページに複数のエントリーを表示する場合、ページ種類毎に件数を変えることが出来ない。トップページも、アーカイブ系ページも、ケータイも、１ページに表示する件数は１か所でしか設定できないようです。何かやりようがあるかも知れませんが調べきれていません。ちょっといやだな。

ダッシュボードの「設定：表示設定」で変更するのですが、「１ページに表示する投稿数」でしか決められないようです。どなたか知ってたら教えて下さい。

—-
(2008/01/05追記)
早くも解決しました。周りにWordPress仲間がいるのは嬉しいですね。
下の赤字のコードをwhile文でエントリー取得ループする前に入れると良いとのことです。実験したらうまくいきました。

<?php query_posts($query_string . “&showposts=50″); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
・・・・
<?php endwhile; ?>

参考になるのはこのページ。showpostsパラメータをquery_stringにくっつけて、数を指定すればよいだけ。分かってしまえば簡単。ダッシュボードで設定しようとしてたのが頭が固かったですね。
■テンプレートタグ/query posts – WordPress Codex 日本語版

情報を提供いただいたみなさん、ありがとうございました。

• くまめがねのくまさん
• akiyan.comのあきやん

—-

４．５．コメントまわりをいじる

WSC5テーマではトラックバックURLが表示されていなかったので、comments.phpをいじって表示することに。WordPress同士ではピンバックという概念があって、エントリー内で相手にリンクするだけで、相手へのトラックバックのような動きをする。素晴らしい！ただ、WordPress以外からもトラックバックを頂くこともあるでしょうから、表示させておかないとね。

ソースコードはこちら。

<?php if ( pings_open() ) : ?>
<h3 id=”respond”>このエントリーにトラックバックする</h3>
<p><input type=”text” name=”TrackbackURL” id=”TrackbackURL” size=”100″ value=”<?php trackback_url() ?>” readonly=”readonly” onfocus=”this.select()” />
<?php endif; ?>

comments.phpは他にもいじったところ満載なのですが、プラグインにまつわる修正なのでまた後日。

４．６．シングルページをいじる

はてブ関連をエントリーのタイトル部分に表示させるために修正。

ソースコードはこちら。はてなスターはプラグインで実現。ソースには現れていません。

<h2 class=”pagename”>
<?php the_title(); ?>
<a href=”http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>”>
<img src=”http://b.hatena.ne.jp/entry/image/<?php the_permalink(); ?>”
alt=”このエントリのはてなブックマークを見る”
title=”このエントリのはてなブックマークを見る”
/>
</a>
<a href=”http://b.hatena.ne.jp/append?<?php the_permalink(); ?>”>
<img src=”http://d.hatena.ne.jp/images/b_entry.gif”
alt=”このエントリをはてなブックマークに追加”
title=”このエントリをはてなブックマークに追加”
/>
</a>
</h2>

そんなところですかね。他にもいじった気がしますが、本質なところはその程度。こう見ていくとあれですね。一発ではてなサービスいろいろに対応する「All-in-one-Hatena」みたいなプラグイン作りたくなってしまいますなぁ。落ち着いたらやってみようかな。

さて、次はプラグイン、ウィジェットと進めていきますよ。

▼関連記事
■SeesaaからWordPressへ引っ越し中です。Seesaa側の作業メモ。 | 本質思考道場
■SeesaaからWordPressへ引っ越し中です。Wordpress側の作業メモ。 | 本質思考道場

P.S.
それより早くドメイン移行してくれないかなー。あと１週間くらいかな。

デフラグはVistaに標準装備されていますが、XPと違ってデフラグ状況が見えないのですよ。「やってます」「終わりました」くらいの情報しか分からない。ホントにすっきり連続領域にしてくれたのかよく分からんのですよ。前からこれが気に入らなくて探していたらようやく気に入ったのが見つかったので紹介します。

■ダウンロード | IObit SmartDefrag

英語版ですけど、無料で使用できるデフラグソフトです。特長は以下の通り。

１．複数ドライブ対応
CドライブとDドライブ、など複数のドライブを一度にデフラグしてくれます。ドライブリストのチェックボックスでオンオフします。ただ、同じディスクにドライブ分割している場合（私のノートはそうなってます）、CもDも一度にやるとディスクヘッドがよく動くので遅くなると思います。実験はしていませんが、ハードディスクの構造上そうなります。夜寝てる間にやるなら一度にやってもいいかと思います。

２．オートデフラグ対応
起動しておくとパソコンがアイドルな時（ヒマしている時）にちょびちょびデフラグしてくれるようです。ただ私はこういう常駐型で勝手に何かやってくれるのはキライ。やる時にはケジメつけてガバッとやりたい。勝手にやっているといざ操作した時に一時停止するまで少しタイムラグがあってイラッとくるときがありますから。

３．よく使うファイルはディスクの速いところへ
カラフルな升目をよく見ると、ピンクの升目は「Rarely used」（まれにしか使わないファイル）、青は「Frequently Used」（よく使うファイル）、赤は「Fragmented」（断片化されたファイル）となっています。Vista標準はこの赤をなるべくなくして連続領域にしてくれるのですが、Smart Defragは、よく使うファイルをハードディスクの円盤の外側、外周側に固めてくれます。その方がハードディスクのヘッドの動きが少なくなり、より速く読めるのですね。そんなことまでやってくれるのが気に行った理由です。気持ち「速くなったかなぁ」と感じます。

パソコンの大掃除に、Glary UtilitiesとSmart Defrag、チェックしてぜひ使ってみてはいかがだろうか。

▼関連記事
■Windowsのメンテナンスはこれ１本で決まり!!「Glary Utilities」 | 本質思考道場
■Vista SP1インストールの注意事項 | 本質思考道場
■VistaでNAS(ネットワーク対応HDD)にアクセスする2つのTips | 本質思考道場

P.S.
バナーフォトをクリスマスに変更。今年もいよいよ大詰めだ。

１．恒例のバナーフォト変更
春はやっぱり桜。今回はphotoLibraryからセレクト。

２．２カラム右メニューに変更
最近、良いブログをいくつか眺めると、左に記事があって右にメニューがある、というスタイルが多い。こうすることで、ケータイからアクセスしてケータイ用変換になっても、上の方にすぐ記事が表示される。これまでは３カラムで、左メニュー・記事・右情報としていたが、私も２カラムに変えてみた。

３．リンクを分かりやすく
リンク文字は青色で目立たせているが、マウスオーバー時に色が変わるなどの変化があるとより分かりやすいということを、先日のCSS niteで学んだ。確かにその通り。CSSをいじってaタグのhover属性を変えた。

a:hover{
color:#800;
text-decoration:none;
}

４．過去記事一覧をプルダウンに
1998年5月からスローペースで書いているので、過去記事一覧がズラーっと並ぶ。２カラムになったことで、よりスクロール負担が大きくなってしまうので、プルダウンメニュー方式にした。選べば自動でページ遷移するJavaScriptをしかけた。Sesesaaブログであればこのまま貼り付ければ動くはず。MovableTypeでもいけると思う。

<script language="javascript" type="text/javascript">
<!–
function ChangeArchive (sel) {
  if (sel.options[sel.selectedIndex].value != "") {
    location.href = sel.options[sel.selectedIndex].value;
  }
}
–>
</script>
<div class="sidetitle"><% content.title %></div>
<div class="side">
<form method="get" action="">
<select name="archive" onChange="ChangeArchive(this)" class="archiveselect">
<% content.header -%>
<option>過去の記事</option>
<% loop:list_archives -%>
<% if:archives.article_count -%>
<option value="/archives/<% archives.createstamp | date_format("%Y%m") %>-1.html"><% archives.createstamp | date_format("%Y年%m月") %>(<% archives.count | __or__ | echo('0') %>)</option>
<% /if -%>
<% /loop -%>
</select>
</form>
<% content.footer -%>
</div>

５．Webスカウターをつけた
Webスカウターというサイトの戦闘力測定ができるパーツを貼り付けた。ブログやサイトを持っていなくても、ブックマークレット式にお気に入りに登録しておき、任意のサイトの各種数値が見れる。相当便利だ。

６．フッターをつけた
クリエイティブコモンズの明記と、ホームジャンプ、ページトップジャンプをつけた。

こうやって、インプットした情報を自分のブログで試せるのは面白い。さて、次は何を試そうかな。

水仙は福井県の県花になっている。撮影した越前岬には日本海の荒波が打ち寄せ、北西の季節風が吹き付ける場所だ。厳寒の中、急斜面にシャンと背を伸ばし、けなげに咲き誇る水仙が大好きだ。毎年１月中旬頃に開かれる越前町の水仙祭りに出かけて水仙を愉しむことにしている。以下の点が水仙に惚れた理由だ。

１．濃い緑の葉茎が力強い
２．逆境にいてもシャンと背を伸ばしている
３．そのくせ、花は小さく可愛い
４．群がってあちこちを向いている姿は、おしゃべりしているよう

そんな越前水仙の花言葉は誰が決めたか「自己愛」。１とか２の印象からでしょうか。「他人の幸せを願うことでしか、自分も幸せになれない」とトルストイは書いた。身を寄せ合って咲き誇る水仙は、まさにトルストイの真の愛を人間に教えているように、私には見える。