大分、仕上げの段階に入ってきた一連の立上げのWord Pressカスタマイズですが、旧ブログのMTでもお世話になっていた（といっても数件のコメントしかありませんでしたが。。。）コメントシステムのDISUQSを導入しました。さすがはWord Pressですので、専用のプラグインをはじめ、参考サイトも沢山あってほとんど迷いません。DISQUSそのものを導入する方法、既存のコメントを移行する方法などなどはググれば必要十分なほどヒットします（いやはやさすがは天下のWord Pressだと改めて感心！）。このサイトのようにコメントがほとんどないサイトは移行もなにもありませんが、大量のコメントがあるサイトでもきちんとツールが用意されているので、全く問題ないと思います。もちろん、このサイトも１０個もないコメントのためにわざわざ移行手順を試してみました。問題は今回記事にした本体のプラグイン導入以外の作業です。こちらもググれば十分に参考サイトがヒットします。ただし、超超初心者で「こんなことも分からないのか」というレベルの自分にとっては、正直プチはまりに陥ったところがありましたので、そこら辺の備忘録代わりに書いておきます。

ピンバックとトラックバックの単独表記

便利なDISQUSもどうやらコメント以外のピンバックとトラックバックには対応していないにも関わらず、デフォルトのテンプレートではこれらの表記が消えてしまうとのことです。ほんとかなと自己ピンバックをしたサイトを覗くと、確かに表示されていません。そこで、下記サイトを参考にsingle.phpにコードを記述して表示をしてみました。

NeGiMeMo.net : WordPressにDisqusをインストールした際に見えなくなるピンバックを救出する

そこではまったのがコードを記述する位置です。どうやら<?php comments_template( '', true ); ?>の前に記述すると、あとからこちらのDISQUSに上書き？される仕様のようで何度やっても表示されません。こちらの記述の後ろにコードを記述すると、あらあら不思議でちゃんと表示されました。こんな事は常識なので、はまる人はそもそもいないのでしょう。
最後は下記の便利なプラグインを入れておきます。

WordPressの使い方と設定 : WordPressのセルフピンバックを停止するプラグインNo Self Pings

最近のコメントをサイドバーに表示

こちらもきちんとプラグインのウィジェットがあって、その名も「Disqus Recent Comment Widget」です。導入には少々（といってもサイトの文章が終えれば問題ありませんが）パソコンの知識がいるようなAPIキー取得だの色々とありますが、いつものように丁寧にスクリーンショット付きで導入手順が解説されている下記のサイトの通りにやれば何の問題もない（はずでした）。

WEBビジネス館 : 「DISQUS」で高機能コメント欄にレベルアップ！wordopress導入編

※前半はDisqusのコメントシステム本体の導入編なので、Disqus Recent Comment Widgetは後半に記載があります。

この通りにやってみたはずでしたが、実際に表示されるのは外国語の恐らくは全然違うサイトのコメントのようです。実際に下記のサイトの方もうまく表示されなかったとありますので、バージョン違いか何かでだめなのかと思ってしまいました。

D-Native : Disqus利用時にrecent comments(最新のコメント)をサイドバーにWidgetとして表示する方法

仕方ないのでこの方と同じく旧ブログで使っていた昔のコードをコピペしましたが、CSSが編集できなく見栄えが非常に悪いウィジェットになってしまいます。そこで、少しは自分で考えてみるということで、導入したプラグインの設定画面で、どうやらショートネームがおかしそうなので、下記でリンクされているヘルプ画面を見てみます。

そうするとDISQUSのサイトのヘルプページに飛ぶのですが、中段のあたりにショートネームとはDISQUSの登録したサイトのホームURLで表示されている最初のアルファベットとの説明がきちんと載っています。センテンスの最後のforum settingのリンクを辿ると自分のホームURLが表示されますので、ここでも確認できます。

そこのショートネームを先ほどのワードプレスのプラグイン設定画面の最初にコピペして保存し直すと、きちんと自分のサイトのコメントが表記されたではないですか！最初のサイトにもそもそもショートネームとAPIキーを入れるようにと解説してありましたが、そもそもショートネームがどれか分からない初心者でしたので、はまってしまったということでした。

最近のトラックバックをサイドバーに表示（失敗！？）

最後の仕上げはピンバックとトラックバックをサイドバーに表示することで、とりあえず下記のサイトを見つけました。

小粋空間 : WordPressでコメント一覧を表示するCommented entry listプラグイン

このサイトは言わずと知れた著名なカスタマイズのブロガーの方のサイトで、私もMT時代にも大変参考にさせてもらっています。ということで、こちらのプラグインを導入しましたが、結果は表示されずでした。恐らくは上記と同じように、当たり前の何かがあるのですが、初心者過ぎて気づかない何かがあるのでしょうね。。。ということで、残念ですがこの件だけ持ち越しとすることにしました。それでもとりあえずはDISQUSの運用ができる体制になりましたので、そろそろキャッシュ系のプラグインをアクティブにさせる時期も近づいたようです。

ワードプレスに移行した後の一連のカスタマイズで、一番実現したかったのが、この投稿日の日めくりカレンダー風表示のカスタマイズ化です。旧MTのブログでも一番気に入っていたカスタマイズでしたので、是非とも同じ表現を実現したいと考えていました。昔のカスタマイズの時に、随分と苦労して実現したのが記憶に残っています。ブログのデザインはともすれば時間が経つと古臭くもなって、新しく模様替えしたくなるものなのですが、この日めくりカレンダー風だけは、何故か飽きずに眺めていました。日めくりカレンダー風にアレンジする方法や画像は、ググると沢山あるのですが、やはり旧MTで使い込んでいたこのデザインを継承したいと思います。
そんな訳で、レイアウト関連や機能面でのカスタマイズ化が落ち着いてきましたので、早速、昔のカスタマイズの時の記事を眺め直してみました。
当時の記事は、といっても2011年の6月ですので、丸３年程度しか経っていませんでした。昔のカスタマイズの記事から、参考にした英文サイトを辿るときちんとリンク表示されています。

Brainstorms Raves : Creating a Blog Entry Date Calendar Icon Look with CSS, Mostly

今回はWordPressに移行しましたが画像とCSSでの表現だけでしたので、結果的には同じCSSコードで問題なく実現できました。ただし、記事タイトルの左に表示する際に、floatの扱いで嵌ってしまいました。原因としてはentri-headerという上位の親要素でfloatがclearされていたのですが、それに気づくのに半日掛かってしまい苦労しました。記事タイトルのentry-title h1のCSSにfloat: clear=noneを設定して、float解除を解除することで、問題なく日めくりカレンダー表示を左に置くことができました。ついでに、投稿記事のレイアウトなども、旧MTブログに近い形にCSSで修正してあります。
どうせ再現するなら、ほぼ同じ形にと考えて、ブックマーク＆RSSボタン統合サイトのAddClipsも設置しなおしました。しかしながら、私自身はソーシャルブックマークはほとんど使ったことがないので、どれだけ有効なものなのかは分かりません。まあデザインの一つということで。。。
今後も色々とカスタマイズをしていくのでしょうが、この日めくりカレンダー風表示は、しばらくは使い続けると思います。一体、何年先まで使っているのか楽しみな感じです。。。