カテゴリー「ブログカスタマイズ」アーカイブ　(6/9ページ)

ブログの各エントリーページを何点かカスタマイズしてみました。

1点目
エントリーの属するカテゴリーの最近の記事5件と、カテゴリーを表すアイコンまたは画像を一緒に表示しました。ただし、まだ全てのカテゴリーの画像は準備できていないので、それについては代替画像を表示させています。

2点目
トラックバックの一覧に、各トラックバック元サイトのスクリーンショットを掲載しました。SimpleAPIのサービスを利用しました。

3点目
各トラックバックに対しブログパーツWebスカウターを利用し、それぞれのサイトの戦闘力を表示しました。

4点目
各トラックバック元サイトのファビコンを取得し、サイト名の横に表示するようにしました。ファビコンが設定されていない場合は、こちらで用意したアイコンを表示します。

5点目
コメント欄を2チャンネル風にし、">>xx （xxはコメントの番号）"を入力することで返信先へのアンカーを設置できるようにしました。また、各コメント欄のコメント番号の横に「返信する」ボタンを設置。これをクリックすると、その記事へのアンカー付きで簡単にコメントできるようにしました。

仕事が3連休、暇なのでイロイロと弄ってみました。

OpenMagicVox.net :: オススメ記事を紹介するMovableTypeプラグイン：RecommendedEntry を参考に、各エントリーページに当ブログ内のオススメの記事を表示するようにしました。あるエントリーページを読んだ人がブログ内の他のページに移った場合、移動元のページをオススメの記事として紹介するものです。

MovableType専用のカスタマイズで、動作させるためにPHPが必須。プラグインの導入、エントリーの一覧を取得するテンプレートとデータフォルダの作成、エントリーアーカイブのテンプレートを修正して完成です。

ユーザーのページ遷移を調べるためにCookieを使用しますが、ユーザーの個々の動向の追跡を目的としている訳ではありませんのでご理解ください。

プラグインに手を加え、私（管理人）自身のアクセスは集計しないようにし、あくまでも訪れてくれた方の動向のみを調べ表示するようにしました。

導入直後でオススメの一覧が表示されているページはまだ少ないですが、これから増えてくることと思います。訪れてくれた方がそれを見て、他のエントリーにも興味を持っていただけると嬉しいです。

現在当ブログは自宅に設置してあるサーバで運用していますが、近日中に別サーバへ引越しします。ドメインを新たに取得し、レンタルサーバのCORESERVERで運用開始の予定です。

毎日少しずつサーバやブログの設定をしているのですが、ブログウェアであるMovableTypeの設定で困った事がありました。スパムコメント対策として、コメント入力時に表示される画像に見える文字も入力してもらう「CAPTCHA」を導入していますが、CORESERVERでは表示されません。調べてみるとソースの一部を改変することで可能になるとのこと。

/lib/MT/Util/Captcha.pm をエディタで開き

my $im = $imbase->Montage(geometry => $geometry_str,tile => $tile_geom);

上記行を

my $im = $imbase->Append(stack=>"");

に変更。これで正常に表示されました。

私のブログの各エントリーにはタグを付けていて、それをクリックすると新しいページを開いて関連するエントリーのリンクを表示するようにしていましたが、今回MovableType備忘録 :: タグ検索をAjaxで表示するを参考に、ページを移動することなく、クリックしたタグの直下にリンクを表示するようにしてみました。

アクセスログを確認していると、タグ検索で別ページへ移動される訪問者が多い事がわかりました。地味なカスタマイズかもしれませんが、これによりさらに多くの人に見てもらえると嬉しいです。

MovableType備忘録
http://bizcaz.com/

ブログにOpenMagicVox.net :: LastYearEntriesプラグインを導入して、各エントリーアーカイブページに去年の今頃書いた記事のリストを表示するようにしました。

そのエントリーを書いた日時からちょうど1年前の指定した前後日数の指定した数だけエントリーを抽出できるのですが、当ブログでは前後7日間、最大5エントリーを表示するように設定しました。

見てもらう人よりも自分自身が「去年の今頃こんな事書いてたんだ～」と思い出す程度にしかならないかもしれませんが、面白そうだったので導入してみました。

当ブログのバナータイトルの下にはこれまでプロフィールページやメールフォームへのリンクをテキストで表示していましたが、今回アイコンで表示するようにしてみました。

ウェブ拍手の素材などでも使わせてもらっているEmperor Penguin Empireの「ぺそぎん」のアイコンを使いました。

座っているぺそぎんに「HOME」や「PROFILE」などの文字が入ったものを配置。さらに別のアイコンも利用し、それぞれのアイコンにカーソルを乗せるとぺそぎんがグルグルと回転するようにスタイルシートの工夫もしてみました。テキストだけのリンクでは素っ気無かったのですが、アイコン化したことで訪問してくれた人の目に留まってくれれば嬉しいです。

アクセスカウンタの数値を見ると、もうすぐ10万ヒットを迎えそうです。一つの節目になりそうな気がします。

ブログにweb拍手ボタンを設置しました。これはホームページやブログ上に設置された拍手ボタンをクリックすると、サイト管理人に拍手を送ることができるコミュニケーションツールです。

「web拍手公式サイト」で配布されているスクリプトを自分のブログに設置しました。同サイトではスクリプトの設置ができない人などのために、レンタルでサービスが利用できる登録版も用意されています。

各ページ上に設置された拍手ボタンを押すと、管理人に拍手が送られ送信完了画面が表示されます。送られた拍手の回数は管理画面より確認することができます。

当ブログに設置するにあたり、拍手ボタン用アイコンと送信完了画面に表示される画像に「Emperor Penguin Empire」で公開しているペンギン素材（「ぺそぎん」という名前らしい）を利用させてもらいました。

エントリーを参考にしたり興味を持たれた方はぜひとも拍手を送ってください。今後の励みにしたいと思いますのでよろしくお願いします！

web拍手公式サイト
http://www.webclap.com/

Emperor Penguin Empire
http://www.peso.nu/index.html