解決済

旧スタイル・カスタムで、月別・カテゴリー別記事を10件ずつ表示する方法

月別・カテゴリー別の記事が10件ずつ表示されるようになったのはいいのですが、旧スタイル・カスタムを使用しており、旧スタイルですと、最後の「次のページへ」のリンクが表示されず最初のページしか見れません。

月別・カテゴリー別のHTMLの最後に追加するような形で編集すれば良いのかなと思いますが、月別・カテゴリー別の記事を10件ずつ表示されるHTMLをご存知の方いらっしゃいましたら教えて下さい。


2006-05-20 11:30の質問
スタイル  カテゴリー  HTML  記事  表示する方法  
html
html の情報はこちらです
www.kmmo.jp/pncm/hw/index.html
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(1)

2.

2006-05-20 15:26:33ベスト
■ カテゴリー別、月別

管理画面 > カスタマイズ/管理 > をクリックすれば、そこのページにアーカイブの表示件数を設定するところがあります。その設定を 「 すべて表示 」 にすれば、その表示はでてきません。10件ずつにすれば、記事の件数が11件を超えた時点で、その表示がでてきます。以下のタグをカテゴリー別 HTML の </CategorizedArticlesLoop> の直下に、また月別 HTML の </MonthlyArticlesLoop> のすぐ下に書き加えます。

<div class="nextpage"><IfPrevPage><a href="<$CurrentUrl$>?p=<$PrevPage$>">前のページへ</a></IfPrevPage><IfNextPage>&nbsp;&nbsp;&nbsp;<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件ずつ全部表示されるようになりました。
ありがとうございました。

Ads By Google

コメント(10)

#1.  AQ♪
2006-05-20 15:27:53

■ 色コードはこちらを参考に
http://alice-wr.wisnet.ne.jp/iroiro.html
■ padding はこちらを参考に
http://blog.pekebatu.com/archives/50447780.html

>>1 zero さん
</div> タグ、閉じ忘れています。

#2.  zero
2006-05-20 16:00:51

>>#1
どうもです。
削除しました。

#3.  dias51
2006-05-20 16:33:13

>zero様、
>AQ様、

ありがとうございました。

>AQ様、

個別ページは10件で十分かなと思いますので、.menuの設定は見合わさせて頂きました。

さらに質問、申し訳ありません。

paddingとmarginの解説は参考になりました。
.nextpageの方はmarginになっており、.menuの方はpaddingになっておりますが、.nextpageの方はmarginの方が良いのですか?

あと半角スペース文字の設定ですが、コードを置く位置をいろいろ試したのですがどうしても1文字分になってしまいます。3文字分にする方法は何かありませんか?

#4.  AQ♪
2006-05-20 17:11:32

>>#2
あ~上げ直して下されば良かったのに。

>>#3
nextpage つまり、カテゴリー、月別の下部に記載される文字の設定ですので、他の領域に邪魔をするおそれは無いので、padding、margin どちらでも良いですよ。たぶん気を使わなくても良い部分なので、私も無意識に違えて書き込んだのでしょう。これに関しては、表記が違う事に意味はありません。

&nbsp;&nbsp;&nbsp; で、半角スペース3つ分になりませんか? あれ? では、HTML の中で強制的に半角スペースを入れてみて下さい。ダメかな?

#5.  zero
2006-05-20 17:12:46

&nbsp; ←これ、半角スペース1文字分です。
6個おいたら全角スペース3文字分になります。

padding、marginどっちを使っても表示が崩れなければOKと思います。ケースバイケースで。

windowsなら、インターネットエクスプローラーと、Firefoxくらいは表示の確認をされておいた方が良いと思います。

#6.  zero
2006-05-20 17:15:08

>>#4 お気になさらずに。
ちょっと、自信なかったので助かりましたw。

#7.  dias51
2006-05-20 17:17:42

>>#4

>AQ様

paddingとmarginについては、このままでも見栄えに問題ないですので、このままにします。

半角スペースが3文字分にならないのは、一部のカテゴリーについて発生していました。
もしやLivedoorの再構築に問題があるのではと思い、全ページの再構築をしましたら、きちんと3文字分になりました。

ありがとうございました。

#8.  zero
2006-05-20 17:20:28

あらら、そういう原因ですか。
お疲れ様でした。

#9.  dias51
2006-05-20 17:25:07

>>#8

zero様もありがとうございました。

livedoorは、やっぱり抜けが多いですね・・・。

#10.  AQ♪
2006-05-20 17:34:00

>>#8
あらら。ブログの方に質問があったのでそっちを答えていたら、コメント欄でこんなに話が進んでいるとは ・・・。^^; フォローありがとうです。

>> dias51 さん
早期の解決でよかったです。
ベストありがとうございました。(^^)

トラックバック

トラックバックURL: