記事ごとの移動ナビの追加方法
私が作成したテンプレートは全て
ページ移動のナビしか付いていません
DLしたままの状態で使用すると
カテゴリごとに表示させた場合は
表示される記事が決められた数より多くなると
「<< HOME >>」ナビで次のページへと移動することができます
しかし
記事を単独で表示させた場合に
「<< HOME >>」ナビが動作していないのがわかるかと思います
これを
記事を単独で表示させた時も
ナビが表示されて記事ごとに移動するように変更することができます
方法は以下の通りです
HTMLファイルの中部より下に以下のような部分があると思います
↓この部分を
<!--comment_area-->
<h3 id="comment-top">コメント</h3>
<!--comment-->
<div class="section" id="comment<%comment_no>">
<h4 class="comment-header"><%comment_title></h4>
<div class="comment-body">
<%comment_body>
</div>
<p class="comment-footer">
<span class="date">| <%comment_year>-<%comment_month>-<%comment_day> |</span>
<span class="author"><%comment_mail+name> |</span>
<span class="uri"><%comment_url+str> |</span>
<span class="edit"><a href="<%comment_edit_link>" title="コメントの編集">編集</a> |</span>
</p>
</div>
↓このように変更して下さい
<!--comment_area-->
<p class="article-navi">
<!--preventry--><a href="<%preventry_url>"><%preventry_title>«</a><!--/preventry-->
| <a href="<%url>">HOME</a> |
<!--nextentry--><a href="<%nextentry_url>">»<%nextentry_title></a><!--/nextentry-->
</p>
<h3 id="comment-top">コメント</h3>
<!--comment-->
<div class="section" id="comment<%comment_no>">
<h4 class="comment-header"><%comment_title></h4>
<div class="comment-body">
<%comment_body>
</div>
<p class="comment-footer">
<span class="date">| <%comment_year>-<%comment_month>-<%comment_day> |</span>
<span class="author"><%comment_mail+name> |</span>
<span class="uri"><%comment_url+str> |</span>
<span class="edit"><a href="<%comment_edit_link>" title="コメントの編集">編集</a> |</span>
</p>
</div>
さらに！ CSSファイルも修正します
CSSファイルの一番下でいいので
このCSS設定を追加してください
/* article navigation
----------------------- */
p.article-navi {
color : #999999;
font-size: x-small;
}
p.article-navi a {
color : #999999;
text-decoration : none;
font-size: x-small;
}
p.article-navi a:hover {
color : #999999;
text-decoration : none;
border-bottom : 1px dashed #999999;
font-size: x-small;
}
p.article-navi a:visited {
color : #999999;
text-decoration : none;
font-size: x-small;
}
以上で作業は終了です
お手数をお掛けしますが、よろしくお願いいたしますm(_._)m
