パンくずリストとは下記のようなものです。
見たことがある方も多くいらっしゃると思います。
サイトのコンテンツが充実すると、読者は現在どのページを閲覧しているかが理解しづらくなってしまいます。
そこで、読者がサイトを利用しやすくするために、サイトの上部になどに「パンくずリスト」を設置するとユーザビリティが向上し、閲覧しやすいサイトにすることが可能です。
早速FC2ブログを使って「パンくずリスト」を設置する方法をご紹介します。
１．ソースの確認
下記ソースをそのままご使用することができます。
<!--permanent_area-->
<div class="topic_path">
<!--topentry-->
<a href="<%url>" title="トップページへ">トップ</a> > <!--parent_category--><a href="<%topentry_parent_category_link>"><%topentry_parent_category></a> > <!--/parent_category--><a href="<%topentry_category_link>"><%topentry_category></a> > <%sub_title>
<!--/topentry-->
</div>
<!--/permanent_area-->
<!--category_area-->
<div class="topic_path">
<a href="<%url>" title="トップページへ">トップ</a> > <%sub_title>
</div>
<!--/category_area-->
<!--tag_area-->
<div class="topic_path">
<a href="<%url>" title="トップページへ">トップ</a> > <%tag_word>
</div>
<!--/tag_area-->
<!--date_area-->
<div class="topic_path">
<a href="<%url>" title="トップページへ">トップ</a> > <%now_year>年<%now_month>月
</div>
<!--/date_area--><br>
２．HTMLを編集
FC2ブログへログイン → 『環境設定』のテンプレートの設定をクリック
「HTML編集」の下にソースがあるのでここを編集します。
３．編集方法
パンくずリストを設置したい場所にもよりますが、ブログ上部のヘッダー下に入れる例で示します。
HTMLソースの中で<body>と記載してあるところを探して下さい。
この<body>タグのちょっと下に、
</div><!-- // header -->
<div id="container">
<div id="content">
があると思います。
この
<div id="content">の下に
１のHTMLソースを貼り付けて下さい。
貼り付け終わったら更新ボタンをクリックします。
４．パンくずリストの確認
ご自身のブログを開きます。トップページにはパンくずリストは表示されていません。そこで特定の記事（エントリー）を選択して表示させます。
これでパンくずリストが表示されたのではないでしょうか？
FC2のブログカスマイズのやり方ですが公式ページもあるのでテンプレートの編集にご興味が有る方は一度ご覧いただくのもオススメです。
<!--topentry-->など変数の説明も「テンプレート用 変数一覧」に詳細な記載があります。
FC2公式マニュアル（テンプレート編集）
※Bloggerをお使いの方は、「Bloggerのパンくずリスト設定」についても合わせてご参照下さい。
⇒ Bloggerにパンくずリストを作成
スポンサードリンク
0 件のコメント:
コメントを投稿