カスタマイズしてみちゃおう!?

トップ カテゴリを最初から読む方法トップ機能 カテゴリを最初から読む方法

ADMIN MENU ≫ | LOGIN | WRITES |

カテゴリを最初から読む方法

EDIT
まずは、新旧入替の手順を踏んでいる事を前提とします。
カテゴリを最初から読む方法(仮)を読んで分かる人は、そちらでw

やっぱり例を出して説明しちゃいましょうか。
一ページの記事数:5
カテゴリ名(各カテゴリの最大記事数5):カテゴリA、カテゴリA1、カテゴリA2
カテゴリ番号:カテゴリA→4、カテゴリA1→9、カテゴリA2→14

これで、下準備はOKかな?

前回の記事では、カテゴリエリア以外では隠すとしましたが、
隠す必要ない気がします。

1.カテゴリリストから、カテゴリA1、カテゴリA2を非表示します。
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

この記事へのトラックバック

この記事へのコメント

コメント投稿フォーム

新旧入替ボタン

記事の表示順序を入れ替えます。
物は試しです。
やってみて下さい(笑)
Script by.FCafe
注)JavaScriptをオンにしなければ作動しません。

Search

Google
レイアウトが整わず、使用しにくい場合は、
こちらをお使いください。

Pick Up

Page Index
■■■ comment ■■■
    ■■■ trackback ■■■
      ブロとも申請フォーム

      この人とブロともになる

      Monthly
      Category

      FC2Ad

      FC2ブログ 紹介予定派遣