個別ページにナビゲート

「渡る世間は○○ダ！！」さんの記事を参考に個別ページにパン屑リストをつけました。
パン屑リストって何？って感じですが、よくサイトページの上の方にあります。
ここでは
　「トップページ　＞　[カテゴリー名]　＞　[記事名]」
としました。
個別ページにしか来ていない人がトップページに行きやすくなるかな。Blogタイトルをクリックすればトップページに行けることがわからない人も多いでしょうから。

元々「パンパでガウチョ」さんの記事でずいぶん前に書かれているものですが、上のような見せ方は便利なのでいま導入しました。

スタイルシートは「パンパでガウチョ」さんのをちょっといじって

#navigation{
text-align:left;
padding:3px 0px 5px 0px;
font-size:x-small;
font-weight:bold;
}

としました。位置を中央ではなく左側に寄せたかったので
　text-align:left;
とし、字の大きさは
　font-size:x-small;
としました。

次に、HTMLテンプレート編集の個別記事で

<div id="navigation">
<a href="<$BlogUrl$>">トップページ > <IfArticleCategory><a href="<$ArticleCategoryUrl$>"><$ArticleCategory ESCAPE$></a> > </IfPrevArticle><$ArticleTitle ESCAPE$>
</div>

を入れればいいのですが、「渡る世間は○○ダ！！」さんの記事では
　<div id="content">　
の後に入れるとありますが、自分のテンプレでは個別ページには content はないので、
　<div class="blog">
の後に入れました。これでも同じことでしょう。

最後に再構築ですが、とりあえず「CSS」を先に再構築してから次に「最新記事」を再構築して、最新記事のページだけ開いてみて仕上がり具合を確かめてみます。
ここで日付の部分とパン屑リストの部分がくっつきすぎているなと思ったので、
#navigation　の padding　の下の部分を　5px としました。

このような調整後、OKなら再構築で「全アーカイブ」（すべての個別記事のこと）を実行します。

「渡る世間は○○ダ！！」さんの記事では個別ページだけでなく月別やカテゴリー別の場合のやり方も書いてあります。
そちらもやった場合は再構築で「月別」や「カテゴリー別」も実行しなければなりません（「全ページ」でもよい）。