カテゴリを最初から読む方法
まずは、新旧入替の手順を踏んでいる事を前提とします。
カテゴリを最初から読む方法(仮)を読んで分かる人は、そちらでw
やっぱり例を出して説明しちゃいましょうか。
一ページの記事数:5
カテゴリ名(各カテゴリの最大記事数5):カテゴリA、カテゴリA1、カテゴリA2
カテゴリ番号:カテゴリA→4、カテゴリA1→9、カテゴリA2→14
これで、下準備はOKかな?
前回の記事では、カテゴリエリア以外では隠すとしましたが、
隠す必要ない気がします。
カテゴリを最初から読む方法(仮)を読んで分かる人は、そちらでw
やっぱり例を出して説明しちゃいましょうか。
一ページの記事数:5
カテゴリ名(各カテゴリの最大記事数5):カテゴリA、カテゴリA1、カテゴリA2
カテゴリ番号:カテゴリA→4、カテゴリA1→9、カテゴリA2→14
これで、下準備はOKかな?
前回の記事では、カテゴリエリア以外では隠すとしましたが、
隠す必要ない気がします。
1.カテゴリリストから、カテゴリA1、カテゴリA2を非表示します。
Category 非表示参照。
これは、danielさんの記事通りなので省略します。
2.ページナビをカテゴリエリアとノットカテゴリエリアに分ける。
これは、私のテンプレートのページナビです。
これを、次のように変更します。
3.カテゴリエリアでは、ページナビを削除し、
次のカテゴリへのリンクを貼ります。
カテゴリー毎の説明参照
CSS
4.もう一つ仕掛けを。
記事フッタにあるカテゴリへのリンクを変更します。
これを以下のように変更します。
CSS
これで大丈夫でしょうか?
ダメでしたら、報告をw
Category 非表示参照。
これは、danielさんの記事通りなので省略します。
2.ページナビをカテゴリエリアとノットカテゴリエリアに分ける。
これは、私のテンプレートのページナビです。
<p class="page_navi">
<!--prevpage-->
<a href="<%prevpage_url>" title="前頁へ移動する">
NEW</a><!--/prevpage-->|
<a href="<%url>" title="トップへ戻る">HOME</a>|
<!--nextpage-->
<a href="<%nextpage_url>" title="次頁へ移動する">
OLD</a><!--/nextpage-->
</p>
これを、次のように変更します。
<!--not_category_area--><p class="page_navi">
<!--prevpage-->
<a href="<%prevpage_url>" title="前頁へ移動する">
NEW</a><!--/prevpage-->|
<a href="<%url>" title="トップへ戻る">HOME</a>|
<!--nextpage-->
<a href="<%nextpage_url>" title="次頁へ移動する">
OLD</a><!--/nextpage-->
</p><!--/not_category_area-->
<!--category_area-->
<p class="page_navi">
<!--prevpage-->
<a href="<%prevpage_url>" title="前頁へ移動する">
NEW</a><!--/prevpage-->|
<a href="<%url>" title="トップへ戻る">HOME</a>|
<!--nextpage-->
<a href="<%nextpage_url>" title="次頁へ移動する">
OLD</a><!--/nextpage-->
</p><!--/category_area-->
3.カテゴリエリアでは、ページナビを削除し、
次のカテゴリへのリンクを貼ります。
カテゴリー毎の説明参照
<!--not_category_area--><p class="page_navi">
<!--prevpage-->
<a href="<%prevpage_url>" title="前頁へ移動する">
NEW</a><!--/prevpage-->|
<a href="<%url>" title="トップへ戻る">HOME</a>|
<!--nextpage-->
<a href="<%nextpage_url>" title="次頁へ移動する">
OLD</a><!--/nextpage-->
</p><!--/not_category_area-->
<!--category_area-->
<p class="p<%cno>"><p class="page_navi">
<!--prevpage-->
<a href="<%prevpage_url>" title="前頁へ移動する">
NEW</a><!--/prevpage-->|
<a href="<%url>" title="トップへ戻る">HOME</a>|
<!--nextpage-->
<a href="<%nextpage_url>" title="次頁へ移動する">
OLD</a><!--/nextpage-->
</p></p>
<p class="n p4<%cno>"><p class="page_navi">
|<a href="<%url>" title="トップへ戻る">HOME</a>|
<a href="category-9.html">NEXT</a>
</p></p>
<p class="n p9<%cno>"><p class="page_navi">
<a href="category-4.html">PREV</a>|
<a href="<%url>" title="トップへ戻る">HOME</a>|
<a href="category-14.html">NEXT</a>
</p></p>
<p class="n p14<%cno>"><p class="page_navi">
<a href="category-9.html">PREV</a>|
<a href="<%url>" title="トップへ戻る">HOME</a>|
</p></p>
<!--/category_area-->
CSS
.n {display:none}
.p4,.p9,.p14 {display:none;}
.p44,.p99,.p1414 {display:inline;}
4.もう一つ仕掛けを。
記事フッタにあるカテゴリへのリンクを変更します。
<a href="<%topentry_category_link>" title="カテゴリ「<%topentry_category>」の記事一覧">
<%topentry_category></a>
これを以下のように変更します。
<div class="p<%topentry_category>">
<a href="<%topentry_category_link>" title="カテゴリ「<%topentry_category>」の記事一覧">
<%topentry_category></a></div>
<div class="n p<%topentry_category>9">
<a href="category-4.html" title="カテゴリ「カテゴリA」の記事一覧">
カテゴリA</a></div>
<div class="n p<%topentry_category>14">
<a href="category-4.html" title="カテゴリ「カテゴリA」の記事一覧">
カテゴリA</a></div>
CSS
.pカテゴリA1,.pカテゴリA2{display:none;}
.pカテゴリA19,.pカテゴリA214{display:inline;}
これで大丈夫でしょうか?
ダメでしたら、報告をw
トラックバックURL
http://cush.blog7.fc2.com/tb.php/64-966c3694