パンクズリスト設置とナビの移動[seesaaBLOG]


seesaaブログにパンくずリストを設置しました。
 


パンくずリストとは今読んでる記事がどのカテゴリのどの階層なのかがわかるナビリンクです。
Googleなどで検索して記事に直接飛んできた人でも自分がこのサイトのどのカテゴリの記事を読んでるのか一発でわかり、グッと見やすくなります。

また、他の記事へ誘導することも期待出来るのでブログの作成者側としてはページビュー数アップが期待できると思います。関連する記事を読んでもらえるようになるんじゃないかな?実際にこのBLOGではこのパンくずリスト導入後ページビュー数がアップしています。

パンくずリストの作成方法ですデザイン→コンテンツ→記事の

ここを開いてHTMLの編集をします
pannkuzu001

僕は記事の真上に表示したかったので
この場所に

pannkuzu002

下記のタグを挿入

<div class="crumb">
<a href="<% blog.page_url %>">Top>

<% loop:list_article -%>
<a href="<% article_category.page_url %>"><% article_category.name %>
</a>><% article.subject %>
<% /loop -%></div>


元々あるナビが邪魔なので移動します。こちらのサイトを参考にさせてもらいました。
[外部リンク→]パンくずリスト設置

pannkuzu003

記事の一番下、コメント入力欄の上に持っていくことにしました
さっきのパンくずのタグを入れたところの真下にある

この部分のタグを切り取り・・・
pannkuzu004

どこに貼ればいいんだ?
カンでここかな?と貼り付けてみた
pannkuzu005

ドンピシャ!
このように表示されます。
pannkuzu006

これで見やすくなりました!

コメント

タイトルとURLをコピーしました