「テンプレートマニュアル」
小説本文(個別記事）ページ
EntryTop 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
画像のないテンプレートで記事をご覧になる場合は
Temlplate Image ： カスタマイズの難易度０ カスタマイズの難易度２
Image ： カスタマイズの難易度０ カスタマイズの難易度２
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
カスタマイズの難易度０…記事上にリンクボタンを追加するだけ
カスタマイズの難易度２…他の表示と整合性を持たせる場合改訂以前のテンプレートでは、小説(同一カテゴリ)の前話、次話へのページリンクは、記事下にのみ表示されました。改訂版のテンプレートでは、関連リストの設定を変更するだけで、本文の上にも、目次ページ、前話ページ、次話ページへのリンクボタンを横並びで表示させることができます
関連記事リストの設定を変更
菅理画面を開いてください。
左側のメニューから ［ 環 境 設 定 ］ ⇒ 【 環境設定の変更 】 をクリック
開いた画面の一番上 ［ 環 境 設 定 ］ ⇒【ブログの設定 】 ⇒ 【 記事の設定 】 をクリック
開いた画面の ［ 記事の設定 ］の［ 関連記事リスト 表示方法 ］を
関連記事リスト 表示場所 リストを 【個別ページの記事下 】 から 【上記全て 】に変更 して
【 更新 】をクリック
関連記事リスト 表示場所 リストを 【個別ページの記事下 】 から 【上記全て 】に変更 して
【 更新 】をクリック
但し、この設定にすると、右がわの時系列順のページナビと、同じリンク先を示している場合でも矢印の向きが反対になってしまいます。
また、一般的に、
左矢印がもどる、
右矢印が進むとされていますが、このままでは、左矢印がすすむ、つまり次話ページのリンク、右矢印がもどる、つまり前話ページへのリンクボタンが表示され、それも不自然です。それを避けるためには、記事の表示順序を変更する必用があります。
同じカテゴリ中の 【前後の記事を古い順に 】 表示する
この設定変更で、記事上のページナビは、左矢印が前話ページへのリンク、右矢印が次話ページへのリンクを示し、時系列順のページナビの矢印とも整合するようになります。
しかし、そうなると、今度は、記事下の前話、次話のページナビに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
また、この設定にすると、通常ブログ画面でも関連記事リストがこのように表示されます
もしも、通常ブログ画面で関連記事リストを非表示にする場合は、スタイルシートの末尾に以下を追加します。
#page dl.relate_dl { display : none ; }
【 更新 】 をクリックする。
- 関連記事
-
- 記事の上下に横並びで作品目次・前話・次話へのリンクボタンを表示させる
- 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
- 小説本文(個別記事)ページで特定のカテゴリOR作品(カテゴリ)ごとに違うバナーや定型文を表示させる
総もくじ テンプレートマニュアル共有テンプレート画像のためのカテゴリ
テンプレートマニュアル共有テンプレート画像のためのカテゴリ
┣テンプレートについて 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣携帯用Novelテンプレート 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣表紙ページ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣Novel List 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣目次ページ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣小説本文(個別記事）ページ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣イラストリスト 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣全記事一覧ページ(All Titlelist 総目次) 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣その他・共通ページ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣携帯用テンプレートのカスタマイズ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣テンプレート別のカスタマイズ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣サイト内配布テンプレート 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣テンプレートの衣替え 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┗裏技カスタマイズ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣携帯用Novelテンプレート
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣表紙ページ
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣Novel List
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣目次ページ
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣小説本文(個別記事）ページ
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣イラストリスト
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣全記事一覧ページ(All Titlelist 総目次)
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣その他・共通ページ
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣携帯用テンプレートのカスタマイズ
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣テンプレート別のカスタマイズ
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣サイト内配布テンプレート
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣テンプレートの衣替え
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┗裏技カスタマイズ
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する総もくじ テンプレート一覧共有テンプレート画像のためのカテゴリ
テンプレート一覧共有テンプレート画像のためのカテゴリ
┣novel-templateタイプ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣novel-tempタイプ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣novel-Sタイプ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣novel-Rタイプ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣novel-Gタイプ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣novel-Jタイプ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣novel-Cタイプ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣素材屋風テンプレート 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣疑似フレームテンプレート 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣novel-PF2タイプ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣夢小説用テンプレート 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣イラストリスト付きテンプレート 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣携帯用テンプレート 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┗一般ブログ用テンプレート 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣novel-tempタイプ
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣novel-Sタイプ
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣novel-Rタイプ
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣novel-Gタイプ
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣novel-Jタイプ
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣novel-Cタイプ
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣素材屋風テンプレート
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣疑似フレームテンプレート
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣novel-PF2タイプ
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣夢小説用テンプレート
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣イラストリスト付きテンプレート
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣携帯用テンプレート
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┗一般ブログ用テンプレート
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する総もくじ テンプレート情報共有テンプレート画像のためのカテゴリ
テンプレート情報共有テンプレート画像のためのカテゴリ
┣バージョンアップや改訂内容 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣不具合の修正 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣その他お知らせなど 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┗管理人のおススメ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣不具合の修正
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣その他お知らせなど
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┗管理人のおススメ
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加するもくじ 未分類
未分類もくじ カスタマイズの備忘録
カスタマイズの備忘録総もくじ 小説サンプル（親カテゴリ）共有テンプレート画像のためのカテゴリ
小説サンプル（親カテゴリ）共有テンプレート画像のためのカテゴリ
┣風立ちぬ 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣雪の女王 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣銀河鉄道の夜 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┣坊っちゃん 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
┗幸福の王子（夢小説サンプル） 記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣雪の女王
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣銀河鉄道の夜
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┣坊っちゃん
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する┗幸福の王子（夢小説サンプル）
記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する～ Trackback ～
トラックバックURL
⇒
⇒ この記事にトラックバックする(FC2ブログユーザー)
 |
||
|
|
EntryTop
～ Comment ～
初めて投稿なさる方は必ず