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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する →novel-S-lace 薔薇のレースのテンプレート
 
上記の広告は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
   
 

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

記事の上下に横並びで作品目次・前話・次話へのリンクボタンを表示させる

 画像のないテンプレートで記事をご覧になる場合は
 Temlplate Image : カスタマイズの難易度2 
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←記事の上に横並びで作品目次・前話・次話へのリンクボタンを追加する →novel-S-lace 薔薇のレースのテンプレート
 
カスタマイズの難易度2(変更箇所は一箇所だけ) カスタマイズの難易度2

Novelテンプレートでは、五つの基本設定の通りに関連記事リストを設定すると、個別記事の下に前話・次話へのページナビが以下のように表示されます。


s20-navisample.jpg


この時、関連記事リスト 表示場所 リストを【個別ページの記事下】ではなく 上記すべて 】 に表示する に設定すると記事下だけではなく記事上にも小説前話、次話、目次へのリンクボタンを表示できます



mimi.jpg

また、カスタマイズ次第で、記事下のページナビゲーションの表示を変更して、記事上と同じスタイルで表示させることもできます。

以下は、記事下のページナビゲーションの表示を変更して、記事上と記事下に同じスタイルで前話・作品目次・次話へのリンクボタンを横並びで表示させるカスタマイズです。

設定変更とカスタマイズ



関連リストの設定変更


最初に関連リストの設定を変更します。
菅理画面を開いてください。

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

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

skanren5.jpg




関連記事リスト 表示場所 リストを 【テンプレート変数のみ 】 に表示する
同じカテゴリ中の 【前後の記事を古い順に 】 表示する
に変更した上で
更新 】をクリック 


但しこれは、記事(ページ別)の表示順 を 新しい順 にしている場合(通常ブログ画面の冒頭に最新記事が表示)の設定です。(「はじめに」など一番古い記事を通常ブログ画面の冒頭に表示させるため) 記事(ページ別)の表示順  を 古い順 にしている場合は、

同じカテゴリ中の 【前後の記事を新しい順 】 表示する に設定してください。


アカマイ広告を非表示にする



この方法は、テンプレート変数のみで関連記事リストを表示させるため、アカマイ広告を表示する設定にしている場合(初期設定では表示)、記事下のページナビゲーションは、広告の下に表示されてしまいます。
それを避けるためには、アカマイ広告を非表示のに変更しておきましょう。

アカマイ広告を非表示にする設定は、関連リストの設定と同じページの下の方にあります。

画像高速表示の設定 【利用しない
更新】をクリック



但し、設定変更が反映されるまで一週間ほどかかりますので、その間広告は表示され続けます。

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


次にテンプレートのHTMLを編集します。

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


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

HTML編集]部分をカスタマイズします。

novel-PF・novel-PF2タイプ



<!--▽小説ページ(個別記事ページ)▽-->
<!--permanent_area-->
<!--topentry-->

~ 中 略 ~

<!--▼同カテゴリ前後ページナビ-->
<!--relate_list_area--><ul class="relate_navi relate_navi2">
<!--relate_list-->

~ 中 略 ~

<!--/relate_list-->
</ul>
<!--/relate_list_area-->
<!--▲同カテゴリ前後ページナビ-->


~ 中 略 ~

<!--▽記事本文-->
<%topentry_body>
<br /><a name="tuzuki<%topentry_no>" id="tuzuki<%topentry_no>"></a><br />
<div class="entry_more"><%topentry_more></div>
<!--△記事本文-->


////////// ここに同カテゴリ前後ページナビのソースをコピペして追加////////// 


<div class="ad<%topentry_no>">

~ 中 略 ~

<!--/topentry-->

<!--△小説ページ(個別記事ページ)△-->
<!--/permanent_area-->



novel-PF・novel-PF2タイプ以外のタイプのテンプレート



<!--▼個別記事ページ▼-->
<!--permanent_area-->
<!--▽ブログタイトル-->
<h1><a href="<%url>"><%blog_name></a></h1>
<!--△ブログタイトル-->

<!--topentry-->

~ 中 略 ~


<!--▼同カテゴリ前後ページナビ-->
<!--relate_list_area--><ul class="relate_navi relate_navi2">
<!--relate_list-->

~ 中 略 ~

<!--/relate_list-->
</ul>
<!--/relate_list_area-->
<!--▲同カテゴリ前後ページナビ-->

</div>

<div class="p_entry"><%topentry_body></div>

<!--more-->
<br /><a name="more" id="more"></a><br />
<div class="entry_more"><%topentry_more></div>
<!--/more-->

////////// ここに同カテゴリ前後ページナビのソースをコピペして追加////////// 



<!--▼関連もくじ一覧▼-->
<div class="index-navi ad<%topentry_no>">

</div>
<!--▲関連もくじ一覧▲-->

~ 中 略 ~

<!--/topentry-->
<!--/permanent_area-->



テンプレートのHTMLをスクロールして上の部分を探したら、上では省略していますが、
<!--▼同カテゴリ前後ページナビ-->~<!--▲同カテゴリ前後ページナビ-->のソースを
全文丸ごとコピペして、青で記した個所に貼りつけます。

更新 】 をクリックする。

関連記事
スポンサーサイト
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サイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit ▽TB[0]▽CO[0]
関連カスタマイズ記事一覧 カスタマイズの難易度2 
   

~ Comment ~

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

名前変換フォーム

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