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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←背景色ランダム表示ソース/タイプ変更他 →Comicテンプレート(WEB漫画専用テンプレート配布)開店!
 
上記の広告は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
   
 

「テンプレートマニュアル」
その他・共通ページ

通常ブログ画面で特定のカテゴリORカテゴリごとに違うランキングバナーや定型文を表示する

 画像のないテンプレートで記事をご覧になる場合は
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←背景色ランダム表示ソース/タイプ変更他 →Comicテンプレート(WEB漫画専用テンプレート配布)開店!
 
カスタマイズの難易度3 カスタマイズの難易度3

以前、小説本文(個別記事)ページや目次ページで、作品(カテゴリ)ごとに違う定型文やランキングバナーを表示させるカスタマイズを御紹介しましたが、同じことが通常ブログ画面でもできます。
このカスタマイズは小説本文(個別記事)ページや目次ページではなん、通常ブログ画面の記事欄でカテゴリごとに違うバナーを表示させるカスタマイズのご紹介です。
小説本文(個別記事)ページ作品ごとに違うバナーを表示させるカスタマイズは コチラ コチラ
目次ページに作品ごとに違うバナーを表示させるカスタマイズは コチラ コチラ

個々の作品別にジャンルの違うランキングに参加する場合に便利なカスタマイズですが、表示されるのは、FC2ブログ拍手タグや関連リストの後になります。記事本文と拍手タグ等の間に割り込んで表示させることはできません。記事本文の直下に表示したい場合は、従来通り、記事の編集画面の末尾にタグを追加してください。

カテゴリの番号の確認


テンプレートをカスタマイズする前に、表示させるカテゴリの番号を確認しておきます。
カテゴリ番号は[カテゴリの編集]画面のカテゴリ一覧リストの一番左、# をクリックすると表示される番号がそれですが、目次ページのアドレスからも確認できます。
http://noveltemplate.blog26.fc2.com/blog-category-〇〇.html
〇〇がそのカテゴリのカテゴリ番号です。


カスタマイズ


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


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

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

<head> ~ </head> 部分のカスタマイズ


<style type="text/css"><!-- ~ --></style> 内に
XXを通常ブログ画面記事面でバナーを表示したいカテゴリ番号に変更して追加します。

#page .cnXX_XX { display: block ; }

 記述の注意!
スタイルシートに追加する際、クラス名の前のドットやID名とドットの間の半角スペース を忘れたり、、逆に、記載内容のどこかに全角スペースが入ってしまうとカスタマイズした内容がテンプレートに反映されなくなります。コロン:セミコロン;も間違えやすいので、ご注意ください!
#page .cn1_1 { display : block ; }
#page .cn1_1 { display : block ; }
#page .cn1_1 { display : block ; } 

同じスペースでも、半角スペースなら問題ないのですが、全角スペースが記載内容のどこかに入ってしまうと カスタマイズした内容がテンプレートに反映されません。
#page .cn1_1 { display : block ; }
複数のカテゴリ番号の記事欄で表示する場合はセレクタとセレクトの間にカンマ入れて列挙します。
以下はカテゴリ番号1とカテゴリ番号2の記事欄にバナー等を表示する例

#page .cn1_1 ,#page .cn2_2 { display : block ; }


<body> ~ </body> 部分のカスタマイズ



Novelテンプレートには予め、個別記事ページと通常ブログ画面の記事末尾に、ランキングバナーなどを追加する個所が指定してあります。HTMLをスクロールして 通常ブログ画面 のソースの中からランキングバナーを追加する個所を探します

<!-- ▽ 通常ブログ画面ページ -->
<!--not_date_area--><!--not_search_area-->
~ 中 略 ~

<!--topentry-->

~ 中 略 ~

<!--▼ランキングバナーなどを貼る場合はここへ(2)▼-->

<!--▲ランキングバナーなどを貼る場合はここへ(2)▲-->

~ 中 略 ~

<!--/topentry-->

~ 中 略 ~

<!--/not_search_area-->
<!--/not_date_area-->



ランキングバナーの前後を、
<div class="c cnカテゴリ番号_<%topentry_category_no> ad<%topentry_no>">~</div>
で囲んだタグを指定された個所に追加します。
以下はカテゴリ番号2の記事欄にバナーを表示させる場合の例です。

<div class="c cn2_<%topentry_category_no> ad<%topentry_no>">ランキングバナー</div>



親カテゴリで指定する場合は、
cnカテゴリ番号_<%topentry_category_no> を
cn親カテゴリ番号_<!--parent_category--><%topentry_parent_category_no><!--/parent_category--> に変更します
以下は親カテゴリ番号1の全ての子カテゴリの記事欄にバナーを表示させる場合の例です。

<div class="c cn1_<!--parent_category--><%topentry_parent_category_no><!--/parent_category--> ad<%topentry_no>">ランキングバナー</div>



複数のカテゴリに同じバナーを表示する場合は 二番目のクラス名 cnカテゴリ番号 の後ろに半角スペースを空けて、第三のクラス名として cnカテゴリ番号_<%topentry_category_no> と列挙していきます。
以下はカテゴリ番号2,4,6 のカテゴリの記事欄に同じランキングバナーを表示する場合の例です。

<div class="c cn2_<%topentry_category_no> cn4_<%topentry_category_no> cn6_<%topentry_category_no> ad<%topentry_no>">ランキングバナー</div>



カテゴリ番号2,4,6 で別々のバナーを表示させる場合は以下

<div class="c cn2_<%topentry_category_no> ad<%topentry_no>">ランキングバナーA</div>
<div class="c cn4_<%topentry_category_no> ad<%topentry_no>">ランキングバナーB</div>
<div class="c cn6_<%topentry_category_no> ad<%topentry_no>">ランキングバナーC</div>




上で指定した個所でなくとも通常ブログ画面内の、<!--topentry--><!--/topentry-->で囲まれた中であれば、タグをどこに追加しても特定のカテゴリにだけ表示することができます。但し、どこに追加しても、記事本文と拍手タグの間に割り込んで表示する事ができないのは同じです。

更新 】 をクリックする。


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

~ Comment ~

こんばんは

該当する場所がなかったのでここですみません。

管理人様のテンプレートをいつも使わせてもらってるのですが今回、「通常ブログ画面」の表示をすべて削除してしまったのですがよかったでしょうか?

当ブログでは「通常ブログ画面」は必要ないなと感じたのでこのような行為を行ったのですが…。

複製はとってあるので「通常ブログ画面」の表示ありに戻すことも可能です。

表示を消してから少し気になってしまったものですからお伺しに来ました。

削除してもよろしかったでしょうか?もしダメでしたら元に戻します。

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←背景色ランダム表示ソース/タイプ変更他    →Comicテンプレート(WEB漫画専用テンプレート配布)開店!

名前変換フォーム

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