このカテゴリは 横ならび目次サンプル(2) で表示させ、他のカテゴリの目次ページとは背景を変更して表示しています。また、このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。
このページは、他のカテゴリの目次ページとは背景を変更して表示しています。また、このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。
このページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。
このカテゴリの記事ページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。
 

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←小説本文(個別記事)ページで特定のカテゴリOR作品(カテゴリ)ごとに違うバナーや定型文を表示させる →記事の上下に横並びで作品目次・前話・次話へのリンクボタンを表示させる
 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加Buzzurlにブックマーク
総もくじ  3kaku_s_L.png テンプレートマニュアル共有テンプレート画像のためのカテゴリ
テンプレートについて 3kaku_s_L.png スポンサーサイト
携帯用Novelテンプレート 3kaku_s_L.png スポンサーサイト
表紙ページ 3kaku_s_L.png スポンサーサイト
Novel List 3kaku_s_L.png スポンサーサイト
目次ページ 3kaku_s_L.png スポンサーサイト
小説本文(個別記事)ページ 3kaku_s_L.png スポンサーサイト
イラストリスト 3kaku_s_L.png スポンサーサイト
全記事一覧ページ(All Titlelist 総目次) 3kaku_s_L.png スポンサーサイト
その他・共通ページ 3kaku_s_L.png スポンサーサイト
携帯用テンプレートのカスタマイズ 3kaku_s_L.png スポンサーサイト
テンプレート別のカスタマイズ 3kaku_s_L.png スポンサーサイト
サイト内配布テンプレート 3kaku_s_L.png スポンサーサイト
テンプレートの衣替え 3kaku_s_L.png スポンサーサイト
裏技カスタマイズ 3kaku_s_L.png スポンサーサイト
総もくじ  3kaku_s_L.png テンプレート一覧共有テンプレート画像のためのカテゴリ
novel-templateタイプ 3kaku_s_L.png スポンサーサイト
novel-tempタイプ 3kaku_s_L.png スポンサーサイト
novel-Sタイプ 3kaku_s_L.png スポンサーサイト
novel-Rタイプ 3kaku_s_L.png スポンサーサイト
novel-Gタイプ 3kaku_s_L.png スポンサーサイト
novel-Jタイプ 3kaku_s_L.png スポンサーサイト
novel-Cタイプ 3kaku_s_L.png スポンサーサイト
素材屋風テンプレート 3kaku_s_L.png スポンサーサイト
疑似フレームテンプレート 3kaku_s_L.png スポンサーサイト
novel-PF2タイプ 3kaku_s_L.png スポンサーサイト
夢小説用テンプレート 3kaku_s_L.png スポンサーサイト
イラストリスト付きテンプレート 3kaku_s_L.png スポンサーサイト
携帯用テンプレート 3kaku_s_L.png スポンサーサイト
一般ブログ用テンプレート 3kaku_s_L.png スポンサーサイト
総もくじ  3kaku_s_L.png テンプレート情報共有テンプレート画像のためのカテゴリ
バージョンアップや改訂内容 3kaku_s_L.png スポンサーサイト
不具合の修正 3kaku_s_L.png スポンサーサイト
その他お知らせなど 3kaku_s_L.png スポンサーサイト
管理人のおススメ 3kaku_s_L.png スポンサーサイト
もくじ  3kaku_s_L.png 未分類
総もくじ  3kaku_s_L.png 小説サンプル(親カテゴリ)共有テンプレート画像のためのカテゴリ
風立ちぬ 3kaku_s_L.png スポンサーサイト
雪の女王 3kaku_s_L.png スポンサーサイト
銀河鉄道の夜 3kaku_s_L.png スポンサーサイト
坊っちゃん 3kaku_s_L.png スポンサーサイト
幸福の王子(夢小説サンプル)  3kaku_s_L.png スポンサーサイト
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit
   
 

「テンプレートマニュアル」
小説本文(個別記事)ページ

記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する

 画像のないテンプレートで記事をご覧になる場合は
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←小説本文(個別記事)ページで特定のカテゴリOR作品(カテゴリ)ごとに違うバナーや定型文を表示させる →記事の上下に横並びで作品目次・前話・次話へのリンクボタンを表示させる
 
カスタマイズの難易度0(カスタマイズ不要・管理画面の設定変更だけでOK) カスタマイズの難易度0…記事上にリンクボタンを追加するだけ
カスタマイズの難易度2(変更箇所は一箇所だけ) カスタマイズの難易度2…他の表示と整合性を持たせる場合

改訂以前のテンプレートでは、小説(同一カテゴリ)の前話、次話へのページリンクは、記事下にのみ表示されました。改訂版のテンプレートでは、関連リストの設定を変更するだけで、本文の上にも、目次ページ、前話ページ、次話ページへのリンクボタンを横並びで表示させることができます

mimi.jpg


関連記事リストの設定を変更


菅理画面を開いてください。

左側のメニューから [ 環 境 設 定 ] ⇒ 【 環境設定の変更 】 をクリック
開いた画面の一番上 [ 環 境 設 定 ] ⇒【ブログの設定 】 ⇒ 【 記事の設定 】 をクリック

開いた画面の [ 記事の設定 ]の[ 関連記事リスト 表示方法 ]を

skanren1.jpg


関連記事リスト 表示場所 リストを 【個別ページの記事下 】 から 【上記全て 】に変更 して
更新 】をクリック 



但し、この設定にすると、右がわの時系列順のページナビと、同じリンク先を示している場合でも矢印の向きが反対になってしまいます。
また、一般的に、左矢印がもどる、右矢印が進むとされていますが、このままでは、左矢印がすすむ、つまり次話ページのリンク、右矢印がもどる、つまり前話ページへのリンクボタンが表示され、それも不自然です。
それを避けるためには、記事の表示順序を変更する必用があります。

同じカテゴリ中の 【前後の記事を古い順 】 表示する


この設定変更で、記事上のページナビは、左矢印が前話ページへのリンク、右矢印が次話ページへのリンクを示し、時系列順のページナビの矢印とも整合するようになります。
しかし、そうなると、今度は、記事下の前話、次話のページナビにNext Backとリンク先が反対になるという不具合が生じますので、これは、テンプレートをカスタマイズすることで調整します。




テンプレートのカスタマイズ


[菅理画面]⇒[環境設定]⇒【テンプレートの設定】をクリックして
テンプレートの管理]ページを開く


PCテンプレート [ テンプレート名 ] 適用中
[ テンプレート名 ] のテンプレート名変更
テンプレート名 のHTML編集
テンプレート名 のスタイルシート編集         こんなふうに上から順番に並んでいます。

スタイルシート編集]部分をカスタマイズします。

スタイルシートをスクロールして以下の個所を探します

/* --- 関連リスト応用ページナビ --- */

#permanent .relate_dt{display:none;}

#permanent .relate_dl{
border-top :2px dotted #C2A858;margin: 20px 0;padding:10px 0 ;
background-image: url(http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/p_navi32.gif)!important;
background-repeat: no-repeat!important;
background-position: left 12px!important;}


赤字の部分をアドレスを以下に変更します
http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/b_navi32.gif

背景が黒のテンプレートの場合は以下に差し替え
http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/b_navi_w.gif

novel-S-Narou小説家になろう風テンプレートの場合は以下に差し替え
http://blog-imgs-45.fc2.com/n/o/v/noveltemplate/p_navi02.jpg


また、この設定にすると、通常ブログ画面でも関連記事リストがこのように表示されます

s20-s20-pagesample.jpg

もしも、通常ブログ画面で関連記事リストを非表示にする場合は、スタイルシートの末尾に以下を追加します。

#page dl.relate_dl { display : none ; }



更新 】 をクリックする。

関連記事
スポンサーサイト
Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加Buzzurlにブックマーク
総もくじ  3kaku_s_L.png テンプレートマニュアル共有テンプレート画像のためのカテゴリ
テンプレートについて 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
携帯用Novelテンプレート 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
表紙ページ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
Novel List 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
目次ページ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
小説本文(個別記事)ページ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
イラストリスト 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
全記事一覧ページ(All Titlelist 総目次) 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
その他・共通ページ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
携帯用テンプレートのカスタマイズ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
テンプレート別のカスタマイズ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
サイト内配布テンプレート 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
テンプレートの衣替え 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
裏技カスタマイズ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
総もくじ  3kaku_s_L.png テンプレート一覧共有テンプレート画像のためのカテゴリ
novel-templateタイプ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
novel-tempタイプ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
novel-Sタイプ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
novel-Rタイプ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
novel-Gタイプ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
novel-Jタイプ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
novel-Cタイプ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
素材屋風テンプレート 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
疑似フレームテンプレート 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
novel-PF2タイプ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
夢小説用テンプレート 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
イラストリスト付きテンプレート 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
携帯用テンプレート 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
一般ブログ用テンプレート 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
総もくじ  3kaku_s_L.png テンプレート情報共有テンプレート画像のためのカテゴリ
バージョンアップや改訂内容 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
不具合の修正 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
その他お知らせなど 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
管理人のおススメ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
もくじ  3kaku_s_L.png 未分類
総もくじ  3kaku_s_L.png 小説サンプル(親カテゴリ)共有テンプレート画像のためのカテゴリ
風立ちぬ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
雪の女王 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
銀河鉄道の夜 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
坊っちゃん 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
幸福の王子(夢小説サンプル)  3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
総もくじ  3kaku_s_L.png 画像のためのカテゴリ共有テンプレート画像のためのカテゴリ
人物イラストのためのカテゴリ 3kaku_s_L.png 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
   

~ Comment ~

カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←小説本文(個別記事)ページで特定のカテゴリOR作品(カテゴリ)ごとに違うバナーや定型文を表示させる    →記事の上下に横並びで作品目次・前話・次話へのリンクボタンを表示させる

名前変換フォーム

Script by
ブログで夢小説!ユメミル?
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。