解決済
旧スタイル・カスタムで、月別・カテゴリー別記事を10件ずつ表示する方法
月別・カテゴリー別の記事が10件ずつ表示されるようになったのはいいのですが、旧スタイル・カスタムを使用しており、旧スタイルですと、最後の「次のページへ」のリンクが表示されず最初のページしか見れません。月別・カテゴリー別のHTMLの最後に追加するような形で編集すれば良いのかなと思いますが、月別・カテゴリー別の記事を10件ずつ表示されるHTMLをご存知の方いらっしゃいましたら教えて下さい。
回答(1)
2.

管理画面 > カスタマイズ/管理 > をクリックすれば、そこのページにアーカイブの表示件数を設定するところがあります。その設定を 「 すべて表示 」 にすれば、その表示はでてきません。10件ずつにすれば、記事の件数が11件を超えた時点で、その表示がでてきます。以下のタグをカテゴリー別 HTML の </CategorizedArticlesLoop> の直下に、また月別 HTML の </MonthlyArticlesLoop> のすぐ下に書き加えます。
<div class="nextpage"><IfPrevPage><a href="<$CurrentUrl$>?p=<$PrevPage$>">前のページへ</a></IfPrevPage><IfNextPage> <a href="<$CurrentUrl$>?p=<$NextPage$>">次のページへ</a></IfNextPage></div>
保存。ぞれぞれの再構築を忘れずにしてくださいね。
CSS のほうにこれの指示を書き込む必要があります。
.nextpage{
text-align:right;
margin:○○px ○○px ○○px ○○px;
}
.nextpage a{}
.nextpage a:link{color:#色コード; text-decoration:none;}
.nextpage a:visited{color:#色コード; text-decoration:none;}
.nextpage a:active{color:#色コード; text-decoration:none;}
.nextpage a:hover{color:#色コード; text-decoration:underline;}
■ 個別記事
個別記事に関しても、新しいテンプレートにはすでに、記事本文下に表示される部分に次の記事、前の記事のタグが設置されています。もし表示されるのなら以下のタグを個別記事 HTML の <div class="posted"> ・・・ のすぐ下に入れて下さい。
<div class="menu"><a href="<$BlogUrl$>">このBlogのトップへ</a><IfPrevArticle>│<a href="<$PrevArticle$>">前の記事</a></IfPrevArticle><IfNextArticle>│<a href="<$NextArticle$>">次の記事</a></IfNextArticle></div>
CSS のほうにこれの指示を書き込む必要があります。
.menu{
font-size:○○px;
text-align:right;
padding:○○px ○○px ○○px ○○px;
}
.menu a{}
.menu a:link{color:#色コード; text-decoration:none;}
.menu a:visited{color:#色コード; text-decoration:none;}
.menu a:active{color:#色コード; text-decoration:none;}
.menu a:hover{color:#色コード; text-decoration:underline;}
○○、色コードは任意の数字を。
保存、再構築を忘れずにお願いします。
旧スタイルで、月別・カテゴリー別の記事が10件ずつ全部表示されるようになりました。
ありがとうございました。
コメント(10)
■ 色コードはこちらを参考に
http://alice-wr.wisnet.ne.jp/iroiro.html
■ padding はこちらを参考に
http://blog.pekebatu.com/archives/50447780.html
>>1 zero さん
</div> タグ、閉じ忘れています。
>zero様、
>AQ様、
ありがとうございました。
>AQ様、
個別ページは10件で十分かなと思いますので、.menuの設定は見合わさせて頂きました。
さらに質問、申し訳ありません。
paddingとmarginの解説は参考になりました。
.nextpageの方はmarginになっており、.menuの方はpaddingになっておりますが、.nextpageの方はmarginの方が良いのですか?
あと半角スペース文字の設定ですが、コードを置く位置をいろいろ試したのですがどうしても1文字分になってしまいます。3文字分にする方法は何かありませんか?
>>#2
あ~上げ直して下されば良かったのに。
>>#3
nextpage つまり、カテゴリー、月別の下部に記載される文字の設定ですので、他の領域に邪魔をするおそれは無いので、padding、margin どちらでも良いですよ。たぶん気を使わなくても良い部分なので、私も無意識に違えて書き込んだのでしょう。これに関しては、表記が違う事に意味はありません。
で、半角スペース3つ分になりませんか? あれ? では、HTML の中で強制的に半角スペースを入れてみて下さい。ダメかな?
←これ、半角スペース1文字分です。
6個おいたら全角スペース3文字分になります。
padding、marginどっちを使っても表示が崩れなければOKと思います。ケースバイケースで。
windowsなら、インターネットエクスプローラーと、Firefoxくらいは表示の確認をされておいた方が良いと思います。
>>#4
>AQ様
paddingとmarginについては、このままでも見栄えに問題ないですので、このままにします。
半角スペースが3文字分にならないのは、一部のカテゴリーについて発生していました。
もしやLivedoorの再構築に問題があるのではと思い、全ページの再構築をしましたら、きちんと3文字分になりました。
ありがとうございました。
あらら、そういう原因ですか。
お疲れ様でした。
