凍結
0 m Chrome
小説のページ数が増え、10話ごとにページを切り替えたいのですがどのようにしたらいいでしょうか。
基本設定の「目次1ページ内の表示件数」を10にすると本当に10話までしか表示されず、11話以降が表示されません。
現在は表示件数を20にして凌いでいますが、理想は10話ごとのページ分割です。
「目次画面編集」でページネーション独自タグというのを入れてみると、

・1
・2
・>
・»

という表示になってしまいました。(この「2」「>」「»」は一応分割後の次ページにリンクが繋がっています)
この箇条書き?になってしまう現象をなんとかしたいです。わかる方、教えていただけませんでしょうか。
07/27 14:36
返信
コメント投稿 検索
2 m SH-03K
>>1
大変丁寧にご回答いただき、ありがとうございました!
Aの方法に全く気付いていませんでした…
無事Aの方法で設定できました
本当にありがとうございました!
07/29 06:38
返信
1 しち Firefox
>>0 10話ごとにページを切り替えたい
やり方は2通りあります。

>●(A)『前へリンク』『次へリンク』を使う
よく見かけるであろう、〔 前へ/次へ 〕のリンクです。
>●(B)『ページネーション独自タグ』を使う
この助け合い掲示板にも使われている、〔 ≪ < 1 2 3 > ≫ 〕みたいなリンクです。「最初のページ(≪)/最後のページ(≫)」へのリンクなどが入ります。

簡単なのは、断然(A)です。

#━━(A)の使い方━━━
現在『ページネーション独自タグ』を入れているあたりに、〔前へ/次へ〕の独自タグを入れてください。

〔前へ/次へ〕の独自タグは以下です。
(【表紙画面編集】【目次画面編集】の独自タグ一覧の中にあります)

◆目次の、前へリンク
#prev_リンク有_リンク無#
◆目次の、次へリンク
#next_リンク有_リンク無#

それぞれの「リンク有」「リンク無」が、テキストリンクの文言になります。
(「リンク無」は前・次ページがなくてリンクにならないときに表示される文言です。リンクがないとき文字を表示したくなければ『 #next_リンク有_# 』という風に「リンク無」を消せばOKです。なお、アンダーバーは残存必須)

*━━━━━━━━━━
> 前へ / 次へ
*━━━━━━━━━━
という感じのリンクにしたかったら、
*━━━━━━━━━━━━━━━━━
#prev_前へ_前へ# / #next_次へ_次へ#
*━━━━━━━━━━━━━━━━━
と書けばよいということになります。

(※【文章画面編集】でも上記の独自タグが使えます。その場合は、目次を経ずに1話ずつ「前へ/次へ」とページ移動できますので、長編小説みたいな続き物に便利です)


>>0 ページネーションが箇条書きになってしまうのをなんとかしたい
(A)で目次ページの切り替えを実装した場合は、ページネーションを使う必要はまずありません。
すごくいっぱい目次ページができたりしたら、ページネーション独自タグの方が便利ではありますが……(目次の「最初のページ/最後のページ」へのリンクが入るため)。

ただこのページネーション、CSSであれこれ指定するしか、「箇条書きになってしまう…」などの見た目の問題を解決する手段がないのです。
よってそれなりにCSS・HTMLの知識が必要になります。

箇条書きにならないようにするだけでもいくつかの方法があって、「これをこうすれば100%解決するし、どんな閲覧環境でも問題が起こらないよ!」みたいなのを簡潔に提示するのが難しいです。

すでに何かCSSをお書きになっている(例:テンプレを使用中・ご自分で何かデザインされている etc.)場合は、既存のCSSと衝突してデザインが意図せず崩れる恐れもありますので、(B)の使い方については明記しかねます……。
一番簡単そうなやり方だけ例を置いときますが、めんどかったらあとは読み飛ばして問題無いです。(A)でたぶん解決すると思うので……。

#━━(B)の使い方※例━━━
*【CSSファイル編集】または【HEAD編集】の<style>内に以下を書く

ul.pagination {
padding: 0;
margin: 1em 0;/*ページネーションブロックの上下余白:1em*/
text-align: center;
list-style: none;
}
.pagination li {
display: inline-block;
margin: 0 10px;/*リンクとリンクの間の余白:10px*/
}

※本当に最低限の書き方なので、デザイン性・利便性・汎用性は微妙です。
デザインを追求したい場合は、【タグ・デザイン掲示板】の方でアドバイスを募った方がよいかと思われます。
07/29 02:16
返信