サイトマップ(記事一覧)完成!

サイトマップ(記事一覧)完成!に関する記事です。

 
2007/06/17(日)
FC2ブログの場合、ブログのURLのうしろに ?all と付けると、記事一覧ページ(サイトマップ)が表示されます。このブログですと、http://kenko321.blog92.fc2.com/?allというふうになります。
記事一覧ページ(サイトマップ)を用意しておくと、色々とメリットがあるので、できれば用意したほうがいいと思います。公式プラグインの「全記事表示リンク」というのを使えば、このサイトマップのページへのリンクを表示できますが、デフォルトのままだと、いまいちな感じです。

このデフォルトのサイトマップのページをカスタマイズして、自分のブログの記事のように表示する方法を探してみたら、ありました。こちらのページで、「サイトマップ」と検索すると、概要が書いてあります。

さっそく、実際に自分のブログに適用してみました。すると、こんな感じになりました。



方法は、上記のページにも書いてありますが、基本的には、

「テンプレートの編集⇒編集⇒HTMLを編集」として、HTML編集画面を開いて、

<!--/trackback_area-->
<!--▲トラックバック表示▲-->
というところの後ろに、下のタグを追加します。


<!--▼サイトマップ▼-->
<!--titlelist_area-->



<ul><!--titlelist--><li>
<a href="<%titlelist_url>"><%titlelist_title></a>
[<%titlelist_year>/<%titlelist_month>/<%titlelist_day>]
</li>
<!--/titlelist--></ul>



<!--/titlelist_area-->
<!--▲サイトマップ▲-->


ただ、注意する必要があるのは、


<ul><!--titlelist--><li>
<a href="<%titlelist_url>"><%titlelist_title></a>
[<%titlelist_year>/<%titlelist_month>/<%titlelist_day>]
</li>
<!--/titlelist--></ul>

のサイトマップ本文の部分を囲むように、<div id=”xxx”>あるいは<div class=”xxx”>というタグを入れる必要があるということなのですが、これはブログのテンプレートによって、idやclassの名前が違うというのが、大きな大きな問題なのでした・・・。上記のテンプレート工房さんのところのソースも、テンプレート工房さんが作ったテンプレート用のものなので、そのまま使うわけにはいきません。

そこで、メイン記事の部分を、どんな<div id=”xxx”>あるいは<div class=”xxx”>で囲んでいるか、自分で調べなければなりません(うぎゃ)。調べたら、今度は、上記のサイトマップ本文の部分を、メイン記事と全く同じようにdivで囲みます。divが入れ子状に何重にも入り組んでいるブログが多いので、失敗しやすいかも・・・(この点、「SEO済み」と書かれた共有テンプレートは、比較的ソースがシンプルで分かりやすいです)。

失敗してもいいように、ちゃんとコピーしておくのが重要のようです。

完成したら、できれば、IE以外の他のブラウザで動作チェックを・・・w
2割くらいの人が、IE以外のブラウザを使っていますが、それを使うと、ブログデザインが崩れてたりする場合が時々あります。

BLOG MENU

この記事へのトラックバック

コメントの投稿  お気軽にどうぞ!













管理者にだけ表示

Page Top ↑
このページはサイトマップ(記事一覧)完成!に関する記事です。
Mail:kenko321@mail.goo.ne.jp
copyright (c) kenko321.blog92.fc2.com All right reserved.