パン屑リストって何？

シーサーブログ(SeesaaBLOG)にパン屑リストを付ける

Ａ君：「・・・犬夜叉かおまえは！？・・・」


・・・


・・・「ガルルルルッ・・・」


・・・

本来なら、ブログヘッダー最下部へ付けたい所なのですが、どうやっても無理でした。
（CSSで絶対配置も試みたけど、このブログは「ゆうこと」聞いてくれないので／(-。-)＼ こまった～）

※カテゴリやアーカイブ（年月）などは、該当するシステム変数がローカルのため、ヘッダー部に付けると期待値を返しません。これらのシステム変数が、ＨＴＭＬテンプレートのどの位置でも、期待する値を返すグローバル変数ならOKなんですけどね。

※どなたか、カテゴリ名、カテゴリURL、アーカイブ名、アーカイブURLをグローバルに返す変数名をご存知の方、ご教授ください。または解析したらおしえてね・・・(^_^;)

※隠し変数や隠し関数の探し方：

1. 公開されてる関数や変数名から、シーサーシステム担当者が使いそうなキーワードを列記します。
2. ブログのＨＴＭＬテンプレートにそれらのキーワードを用いた独自タグを埋め込み、保存、再構築し動作を確認する。
3. ラッキーにも目的の変数が見つかったらめっけもん！
4. 僕にこそっとおしえる（これが大事！）

そこで、この変数の有効範囲への配置を余儀なくされます。
具体的には「メイン記事のHTML上部」となります。

すると次なる問題が発生します。左にサイドバーがあると、「かっこわり～」んです・・・。
結論として【２カラム右サイドバー表示】テンプレートのみ、イメージを崩さず【パン屑リスト】が付けられることになりますね。

※それ以外の表示パターンは、『へんてこ』なパン屑リスト表示になります。・・・っていうか、みっともないのでお奨めしません。

パン屑リストを付ける位置を確保する

１．ブログの管理画面から、【デザイン】→【コンテンツ】→【記事（ページコンテンツ）の設定】と移動します。

２．更に右側上部の【コンテンツHTML編集】をクリックすると、記事コンテンツのHTMLテンプレートが表示されるので、これを編集する訳です。

３．HTMLテンプレートの上から初めに・・・

<% content.header -%>
<!-- Content -->

・・・という記述があると思います。

さらに、下を見ていくと・・・

～　中略（ナビゲーションリンクのコード）　～

<% loop:list_article -%>

・・・っという記述があります。

これにはさまれたコードは、シーサーブログ（SeesaaBLOG）特有の「個別記事」、「アーカイブ」などで表示されるナビゲーションリンクです。
このままでは、パン屑リストとナビゲーションリンクが２段表示になります。
見た目も、またまた「かっこわり～！」ので、ページ下部へ移動するなどの処理が必要になります。

※ナビゲーションリンクは「トップページ」と「カテゴリ」では表示されません。

このブログ（当ブログ）では、ページの最下部（または、コメント表示の上部でもOK）へ移動しています。

※この個別記事ページの最下部を見てください。シーサー標準のナビゲーションリンクがあるでしょ♪ これを移動するか、削除しないとパン屑リストと２段表示になってしまうと言うことです。

具体的には、以下のように該当するHTMLコードを移動します。

/* 上部省略 */

～

</div>
<% /if -%>

<% /if -%>

/* ここにナビゲーションのコードを移動 */

<!-- F_navi ・・・以下は移動するナビゲーションコード -->
<% if:page_name eq 'article' -%>
<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="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' -%>
<% /if -%>
<!-- F_navi end -->


<!-- /Content -->
<% content.footer -%>
/* コンテンツHTMl最下行 */

※これでパン屑リストの表示位置が確保できました。でも、判りずらい時はコメント欄にご質問くださいね。

いよいよ、パン屑リストを取り付ける

１．ここまで来たら、次にパン屑リストのコードを書きます。入れる場所は前述で場所をあけた「ナビゲーションリンク」位置になります。

/* コンテンツHTML最上部 */
<% content.header -%>
<!-- Content -->

/* パン屑リストのコードを挿入（元ナビゲーションリンクがあった場所） */

<!-- panlist --> <div class=panlist> <!-- トップページ --> <% if:page_name eq 'index' -%>トップページ<% else %><a href="http://cokoro.seesaa.net/">トップ</a><% /if %> <!-- 個別ページ --> <% if:page_name eq 'article' -%> <% loop:list_article -%> > <a href="<% article_category.page_url %>"><% article_category.name %></a> > <% article.subject %> <% /loop %> <% /if %> <!-- カテゴリページ --> <% if:page_name eq 'category' -%> <script language="JavaScript">? <!-- <% loop:list_article -%> WriteTag = ' '; WriteTag = ' > <% article_category.name %>'; <% /loop %> document.write( WriteTag ); //--> </script> <% /if -%> <!-- アーカイブページ --> <% if:page_name eq 'archive' -%> <script language="JavaScript">? <!-- <% loop:list_article -%> WriteTag = ' '; WriteTag = ' > <% archive.createstamp | date_format("%Y年%m月") %>'; <% /loop %> document.write( WriteTag ); //--> </script> <% /if -%> </div> <!-- panlist end -->

/* ここまで */

<% loop:list_article -%>

/* ・・・ 以下略 ・・・ */

JavaScriptで実現困難な部分を「ばか」にして実装してるので結構苦しいですね。。。(^_^;)

※個別ページはHTMLで直接リンクされますが、カテゴリとアーカイブページではJavaScriptで苦しくもループ書き出しを回避してます。

２．保存して、ブログ全体を再構築したら出来上がり♪

うまく出来ましたか？
これまで、だいぶ解かりずらい記述だったですが、本日（2005/08/07）思いっ切り、文面の見直しを実施しました。

コメント欄のURL補完をOFFにするには？

アクセス数の多いブログはスパムも多いです。

ホームページ(HP)にトラックバック機能とコメント機能を付ける

いろんなブログのHTMLコード

相互リンクの位置

それは多分、クロール時のサーバー負荷軽減とセキュリテイ上の問題だと思います。

このブログの現状

Scriptコードとリンクの表示

■ヤフー！(yahoo!japan)のリンクコードと表示(JavaScript版)

■グーグル(google)のリンクコードと表示(JavaScript版)

■人気blogランキングのリンクコードと表示(JavaScript版)

■「記事を作成・編集する」のリンクコードと表示(JavaScript版)