image001.jpg MTにもちょっと慣れてきて、記事の内容や載せ方などある程度方向性が決まったので、記事が多くなる前に骨組みを作っておこうとリニューアルを慣行しました。
そこで使用したプラグインや気が付いた事です。

カテゴリをまとめて、ページ上部に並べてみる。&プラグイン

記事エリアを大きく取るために、カテゴリをページ上部に配置しました。ma-creatorsはそんなに記事が多いブログではないので、できるだけカテゴリを少なくして横並びにすることにしました。
噴出し部分はカテゴリの記事数をカウントしています。

カテゴリメニューのテンプレート


MTTopLevelCategoriesタグを使用しましたが、このタグでカテゴリリストを作成するとデフォルトで名前順に整列されてしまい、自分の好きな順に並び替えを行うためにはカテゴリの名前の前に001,002・・・など番号を振る必要がありました。

そこで素早く簡単にカテゴリ並べ替えができる、カテゴリ並べ替えプラグインです。

カテゴリーとフォルダを並べ替えるプラグイン(MT4以降用) - The blog of H.Fujimoto:
http://www.h-fj.com/blog/archives/2007/08/28-114447.php

あとはMTCategoryIDタグをリストのID名に使用してCSSで設定しました。

カテゴリを変更したら、忘れてはいけないURLリダイレクト

記事のカテゴリを変更したことでどうしても発生してしまうのが、外部リンクからのリンク切れです。検索エンジンやソーシャルブックマーク・他のブログなど、すでに登録さえれてしまっているURLを新しいURLへと導く対処するために「URLリダイレクト」をしなければいけません。

ブログのphp化をする場合など、すべての記事の拡張子を変更する必要があるのでMTテンプレートで.htaccessを作成する事ができますが、まぁまだ記事も少ないのでGoogle ウェブマスター ツールやGoogle Analyticsで計測したアクセスの多い記事のみリダイレクトさせたいと思います。

.htacess

RedirectPermanent 元の絶対パス 変更先のURL

スペースで間を取って一行で記述します。
RedirectPermanent /blog/1.html http://example.com/blog/archive/1.html

これで「http://example.com/blog/1.html」にアクセスしたら、「http://example.com/blog/archive/1.html」が自動的に表示されえるようになります。

これをで元の記事を、サーバー上から削除しても問題なく表示することができます。
(まぁもともと日付をメインカテゴリにしておけば、こんな面倒なかったんですがね。)

小粋空間: .htaccess によるリダイレクト:
http://www.koikikukan.com/archives/2005/10/31-235506.php


404 not found.を独自のエラーページに

image002.jpg ページが移動されていたり、URLを間違えていたりすると「404 not found.」とゆうページが表示されます。
ma-creatorsの場合ロリポップを使用しているので、ロリポップ独自の404ページが表示されます。
皆さんは検索結果で404ページが表示されると、そのサイト自体が削除されて無くなってしまっているような、気分になりませんか?
ユーザーが検索エンジンからのアクセスで404だと、「次の検索結果を見ればいいや」と残念な結果になってしまいがちです。

ですから、404ページはできるだけ実際のサイトと同じテイストで、「ここには無いけどほかの場所にあるかもよ!」としっかり通知することが、重要な気がします。

HTML

エラーページをHTMLで作ります。
◇ 例えばこんな404ページ
・サイトマップを設置
・サイト内検索をに検索エンジンで検索された用語を追加した状態で設置など。
まだテスト中ですが、Googleウェブマスターに運用ツールで「拡張された 404 ページ」を設置することも将来的にはできるようです。

MTのウェブページでerror.htmlを作成しておけば、デザインの統一はもちろん、最新エントリー一覧やMTサイト内検索などブログのシステムをそのまま使用して、エラーページでユーザーを離脱させないページ作りが行えます。

.htacess

エラーページを独自なものに変更するために、.htacessに変更先のページを追加します。
ErrorDocument 401 http://example.com/error.html
ErrorDocument 403 http://example.com/error.html
ErrorDocument 404 http://example.com/error.html
ErrorDocument 500 http://example.com/error.html

メインページにpager(ページ分割/ページ送り)プラグイン

image003.jpgメインページはあまり代わり映えがしないのですが、ページ送りを導入しました。 案外あるとうれしいのがこの機能。
見たい記事をindexからさかのぼって探す人もいるはず。

jQUERYなどでpagerを導入するとwebサイトに、ページ分割/ページ送りが導入できますが、MTで使用しているサイト少ない気がしていました。MTのPHP化している動的サイトでは簡単にできるようですが・・・。
このサイトはphpの動的ページではなく、HTMLの静的ページなので無理かなっとおもっていたのですが、プラグインがありました。

リスト系アーカイブの静的ファイルを分割するMT Pagerプラグイン(修正)。 (Junnama Online (Mirror)):
http://junnama.alfasado.net/online/2008/04/_mtpag.html

静的ページ用ページ分割プラグイン:PageBute | スカイアークシステム:
http://www.skyarc.co.jp/engineerblog/entry/2642.html

メインページにエントリー一覧をただ並べているよりも、表示速度にやさしくなれそうです。

記事に目次をつけると案外喜ばれる

[HTML/CSS]iphone対応サイトの製作の記事を書いたとき、試しにページ内リンクを目次として記事の先頭につけてみました。案外これをクリックして記事を読んでる方が多いようなので、長い記事には節ごとに目次をつけることもユーザビリティに良いようです。


まだまだ改善の余地はありますが、今回のリニューアルでより読み易いブログになったのかな?と思っています。