機能充実、完全無料のSeesaaブログは、↑ここからすぐに作成できます。
2006年05月02日

トピックパスをつける

リクエストいただいたので
トピックパスのつけ方です。
パン屑リストとか言われたりするやつです。
Mainページ > カテゴリ > 個別記事

こんなやつです。

表示する位置やページによってやり方は色々あります。

今回はカテゴリ、過去ログ、個別記事ページの
同じ位置に表示する方法を紹介します。
表示位置は通常ナビが表示される部分の上です。
ここが一番統一した形にしやすいので。

カテゴリページでは
Top>カテゴリ名


過去ログページでは
Top>archive ○月○日


個別記事ページでは
Top>カテゴリ名>個別記事タイトル


と、こんな感じに表示するようにします。

では方法。

デザイン→コンテンツ→記事→コンテンツHTML編集を開きます。
このHTMLの上の方に以下の赤文字・青文字で示すソースを追加します。
<% content.header -%>
<!-- Content -->
<% if:page_name eq 'article' -%>
<div class="topicpath">
<a href="<% blog.page_url %>">
Top</a>
<% loop:list_article -%>
<a href="<% article_category.page_url %>">
<% article_category.name %></a>
<% article.subject %>
<% /loop -%></div>

<div class="navi">
<% if:previous_article -%>&lt;&lt;<a href="<% previous_article.page_url %>"><% previous_article.subject | tag_break %></a>| <% /if -%>
<a href="<% blog.page_url %>">Main</a>
<% if:next_article -%>| <a href="<% next_article.page_url %>"><% next_article.subject | tag_break %></a>&gt;&gt;<% /if -%>
</div>
<% /if -%>
<% if:page_name eq 'archive' -%>
<div class="topicpath"><a
href="<% blog.page_url %>">
Top</a>>archive
<% archive.createstamp | date_format("%Y年%m月") %></div>
<div class="navi">
<% if:previous_archive -%>&lt;&lt;<a href="<% previous_archive.page_url %>"><% previous_archive.createstamp | date_format("%Y年%m月") %></a>|<% /if -%>
<a href="<% blog.page_url %>">Main</a>
<% if:next_archive -%>|<a href="<% next_archive.page_url %>"><% next_archive.createstamp | date_format("%Y年%m月") %></a>&gt;&gt;<% /if -%>
</div>
<% /if -%>
<% if:page_name eq 'category' -%>
<div class="topicpath"><a
href="<% blog.page_url %>">
Top</a>
<% category.name %></div>
<% /if -%>
<% loop:list_article -%>

これを保存して再構築すれば上記のような表示になるはずです。

青文字で書いた部分は、そのまま表示される部分なので
好きな表現に変更して構いません。
例えばTopをMainにするとか。
>を→にするとか。

で、このままだとデザイン的に問題があるかもしれませんので、
その場合はCSSにtopicpathを追加して調節して下さい。

.topicpath{
text-align:left;
margin:0px;
padding:5px;
}
こんな感じで。

以上です。

この記事へのコメント
ありがとうございます。
さっそくやってみました。
Posted by ゆっぴ at 2006年05月07日 12:51
こんばんは☆
今日もやってきました♪
記事とても参考になりました。
早速つけてみたんですが、
なんだか2重に表示されてしまう・・・
何故でしょうか・・
もしお時間あれば教えてください>
Posted by erika at 2006年10月12日 03:52
コメントありがとうございます。

ブログ拝見しましたが2重表示の個所はわかりませんでした。
解決されたのでしたら良かったです。
Posted by ボボコフ at 2006年10月12日 13:41
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのTrackBack URL
http://blog.seesaa.jp/tb/17296165
※ブログオーナーが承認したトラックバックのみ表示されます。

トピックパスをつける
Excerpt: トピックパスをつける: ブログ?カスタマイズ?アフィリエイト?【e】 TOP &amp;gt; カテゴリ &amp;gt; 記事タイトル 記事上に表示されるもので、迷子防止というか、見ている人..
Weblog: 石山城ブログの作り方(ボクが実践するSeesaaブログのカスタマイズの記録)
Tracked: 2007-06-24 04:57
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。