MTで自動的に階層式サイトマップを構築する

| コメント() | トラックバック(4) |
||

MTで自動でサイトマップページを生成するテンプレートコードです。階層的にサイトマップを生成することが可能です。CSS設定のバージョンも紹介しています。

階層式サイトマップ作成MTでサイトマップを自動的に構築できたらいいだろうと思い。いろいろと試して見た結果、思ったよりも簡単にできました。<ul><li></li></ul>タグを使って階層表示できるテンプレートタグです。実際に設置してみたページは、こちらのサイトマップページ。CSSで表示を変えています。(微調整段階)

CSS設定しないようであれば、普通に階層表示されます。このテンプレートタグでサイトマップページを設定しておけば、手間が省けます。新しくエントリーが構築されていく度に、サイトマップも連動して構築されてゆきます。

特に動的ページにてMTを構築している場合は、SEOを考えて静的ページからリンクを貼ることがよいとされています。(静的ページのみを構築できるかわかりませんが。)

情報としてコードを残しておきます。

MTで自動的に階層式サイトマップを構築するテンプレートタグ(CSS指定なし)

デフォルトのカテゴリリストコードにエントリーリストのコードを追加することで階層表示が可能となります。また、私はインデックスページと同じ階層にサイトマップを構築しています。

HOME(index.html)とサイトマップページ(sitemap.html)リンクを追加したコードを表示しておきます。CSSにてクラス指定してありあません。

テンプレートタグコード

MTで自動的に階層式サイトマップを構築するテンプレートタグ(CSS指定あり)

CSS設定で階層表示を切り替えています。CSS設定する場合は、imagesフォルダに以下の2点の画像を追加する必要があります。

点線内の画像をDLして、imagesフォルダに追加してください。

テンプレートタグコード

CSSコード

上記のコードをインデックスページと同じ階層に新規作成でサイトマップページを作成するといいと思います。CSSコードは、styles-site.cssに追加してもらえればOKです。

CSS設定に関しては、Firefox・IEにて表示確認をしています。表示が崩れる場合があれば、コメントにてお知らせください。

Comments for this entry on FriendFeed.

トラックバック(4)

リューアルというのかなんというか、ちょっと判んないけども。 デカい所では「サイ... 続きを読む

必要だと思いながらも手をつけていなかった「サイトマップ」ページを作りました。 ... 続きを読む

『MovableTypeに階層式サイトマップを追加してみました』 MovableTypeで自動的に階層式サイトマップ(HTML)を自動生成するように設定し... 続きを読む

MTで階層式のサイトマップを自動的に構築するLABです。... 続きを読む

使用レンタルサーバー
VALUE DOMAINバリュードメイン
VALUEDOMAIN.COM年間2400円で3GB、データベース5個作成可能

今現在の関西電力使用状況は以下のグラフのとおりとなります。

関西電力使用状況
Webサービス by Yahoo! JAPAN

人気アクセスランキング

コメント

大阪マラソン開催まで、あと

神戸マラソン開催まで、あと

このブログ記事について

このページは、cool_ni_ikouが2006年9月 8日 10:43に書いたブログ記事です。

ひとつ前のブログ記事は「任意のテキストを画像に置き換えるCSS」です。

次のブログ記事は「MTトップレベルカテゴリのみのメニュー表示するテンプレートタグ」です。

edit

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

Powered by Movable Type 4.28-ja