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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←カテゴリ(作品)別に目次と小説本文ページを違うテンプレートで表示する →カテゴリごとに背景を変更したい方へオススメ
 
上記の広告は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 : カスタマイズの難易度5 
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←カテゴリ(作品)別に目次と小説本文ページを違うテンプレートで表示する →カテゴリごとに背景を変更したい方へオススメ
 
hosi5.gif カスタマイズの難易度5

前ページで紹介したカスタマイズのように、カテゴリごとに違うテンプレートで表示するのではなく、親カテゴリでまとめて指定し、作業を省力化することは目次ページではできませんが、小説本文ページに関しては、可能です。
よって以下は、目次ページは他ページと同じくメインテンプレートで表示され、小説本文ページだけを、親カテゴリごとに違うテンプレートで表示するカスタマイズになります。

但し、その場合も、親カテゴリをもたないカテゴリの小説本文ページは、全て同じテンプレートで表示させることになります。これを仮に共通テンプレートと呼びます。そしてもしも、親カテゴリを直接のカテゴリとしている記事があれば、そのページもまた共通テンプレートで表示されます。


カスタマイズ


手順は前ページの「カテゴリ別に違うテンプレートで表示する」場合とほとんど同じです。違う個所だけこちらでご説明してゆくので、
必ず、前ページを別窓で開き、
同じ項目を照らし合わせながらカスタマイズしてください


1.テンプレートの選択とDL
DLするのは、親カテゴリの数だけの親カテゴリ別テンプレートとプラス1、共通テンプレート用のテンプレートです。

注意特定の親カテゴリの小説ページのみ別テンプレートで表示させたい場合、それ以外のカテゴリはメインテンプレートと同じスタイルで表示させたい場合も、必ず、親カテゴリの数だけの親カテゴリ別テンプレートとプラス1、共通テンプレート用のテンプレートをDLします。
これを怠ると、親カテゴリ別テンプレートをDLしていないカテゴリと親カテゴりのないカテゴリの小説ページではスタイルシートが全く反映されない状態、つまり背景のないテキストのみで表示されてしまいます。


2.テンプレートの名前の変更
親カテゴリ別テンプレートはカテゴリ番号ではなく親カテゴリ番号がついた名前に変更します。

CSS-Category親カテゴリ番号


共通のテンプレートの名前は、末尾のカテゴリ番号がない
CSS-Category とします

3.メモ帳へのコピペ
親カテゴリ別テンプレートの名前を変更したら、フッター部分の素材サイト様の著作権表示リンクをメモ帳にコピペし<span class="c cn親カテゴリ">~</span>で囲みます。

<span class="c cn親カテゴリ番号"><a href="サイトアドレス" target="_blank" title="">サイト名</a></span>



共通テンプレートの場合は、共通テンプレートで表示される親カテゴリのないカテゴリのカテゴリ番号を最初に確認しておきます。その上で、そのカテゴリ番号がついたクラス名を全て列挙して指定します。
以下はカテゴリ番号0から5までのカテゴリが共通テンプレートで表示される場合の例

<span class="c cn0 cn1 cn2 cn3 cn4 cn5"><a href="サイトアドレス" target="_blank" title="">サイト名</a></span>




全てメモ帳へ貼り付けたら、前後を以下のように個別記事ページのエリアタグでで囲んでおきます。

<!--permanent_area-->
<span class="c cn0 cn1 cn2 cn3 cn4 cn5"><a href="http://makos.websozai.jp/" target="_blank" title="Mako's">薔薇素材 Mako's</a></span>
<span class="c cn10"><a target="_blank" href="http://homepage3.nifty.com/fiore-k/"title="Fiore">Fiore </a></span>
<span class="c cn20"><a href="http://white-board.jp/" target="_blank" title="White Board">White Board</a></span>
<span class="c cn30"><a href="http://sweety.chips.jp/" target="_blank" target="_blank" title="Sweety">Sweety</a></span>
<span class="c cn40"><a href="http://lunar.littlestar.jp/stardust/index.html" target="_blank" title="STAR DUST">STAR DUST</a></span>
<!--/permanent_area-->



上は、カテゴリ番号0から5までが共通テンプレートで表示される親カテゴリを持たないカテゴリ、親カテゴリは四つで、10,20,30,40 が親カテゴリ番号の場合の例です。

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


スタイルシートを振り分ける


<head>~</head>内の以下の部分を探します。

<head>
~中略~

<link href="<%css_link>" type="text/css" rel="stylesheet" />
~中略~
</head>


赤字の部分を以下に差し替えます。

<!--not_permanent_area--><link href="<%css_link>" type="text/css" rel="stylesheet" /><!--/not_permanent_area-->
<!--permanent_area--><link href="<%url>template/CSS-Category<!--topentry--><!--parent_category--><%topentry_parent_category_no><!--/parent_category--><!--/topentry-->/style.css" type="text/css" rel="stylesheet" /><!--/permanent_area-->


同じく<head>~</head>内の <style type="text/css"><!--

--></style> 
スタイルシートの記述部分に以下の赤字の部分を追加します

<head>

~中略~

<style type="text/css"><!--

~中略~

#permanent .cn<!--topentry--><%topentry_category_no><!--/topentry--> { display: block ; }
#permanent .cn<!--topentry--><!--parent_category--><%topentry_parent_category_no><!--/parent_category--><!--/topentry--> { display: block ; }

#permanent .cn { display: none ; }

~中略~

--></style>
~中略~

</head>


これで、小説本文ページは、親カテゴリ別テンプレートのスタイルシートに振り分けて反映されます。

フッター部分のカスタマイズ



メインテンプレートのフッター部分の素材サイト様の著作権表示リンクを
<!--not_permanent_area-->~<!--/not_permanent_area-->で囲みます。

<!--not_permanent_area-->
<a href="サイトアドレス" target="_blank" title="">サイト名</a>
<!--/not_permanent_area-->




その下に先ほどのメモ帳の内容をそのままコピペして貼り付けます。

<!--not_permanent_area-->
<a href="サイトアドレス" target="_blank" title="">サイト名</a>
<!--/not_permanent_area-->
<!--permanent_area-->
<span class="c cn0 cn1 cn2 cn3 cn4 cn5"><a href="http://makos.websozai.jp/" target="_blank" title="Mako's">薔薇素材 Mako's</a></span>
<span class="c cn10"><a target="_blank" href="http://homepage3.nifty.com/fiore-k/"title="Fiore">Fiore </a></span>
<span class="c cn20"><a href="http://white-board.jp/" target="_blank" title="White Board">White Board</a></span>
<span class="c cn30"><a href="http://sweety.chips.jp/" target="_blank" target="_blank" title="Sweety">Sweety</a></span>
<span class="c cn40"><a href="http://lunar.littlestar.jp/stardust/index.html" target="_blank" title="STAR DUST">STAR DUST</a></span>
<!--/permanent_area-->



これで、小説本文ページのフッター部分の著作権リンクは、その親カテゴリ別テンプレートの素材提供サイト様のものに差し替えられて表示されます。

更新 】 をクリックする。

関連記事
スポンサーサイト
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[6]
関連カスタマイズ記事一覧 カスタマイズの難易度5 
   

~ Comment ~

やりました!

前頁でも質問させてもらったあろまりんです。

コメントいただいたとおりにやった結果、きちんと反映できました!
ただ、問題が・・・・・

他のカテゴリのテキストが元のメインに反映されずにテキスト化してしまって・・・・・。すみません、最初からこちらに質問するべきでしたね。
テンプレートを変えたいカテゴリのページは、教わった通りでできました。
他のカテゴリも、同じように全て子カテゴリずつ変えるべきでしょうか?
こちらのページのように一括でメインのものに表示できたりしますか?

手がかかってすみません。
コメントお待ちしております。

Re: やりました!

頂戴したコメントから察するに、
メインテンプレートで表示されるべきカテゴリで
スタイルシートが反映されていないということはわかりました。
しかし、それだけでは何をどうしたくて何が問題なのか解りかねます。

元々、何をどうしたいのかの詳細と現状

  テンプレートを変更して表示したいカテゴリの番号と
  テンプレートを変更して表示したいのは小説ページなのか目次なのか
  そして例えカスタマイズ途中でテキスト化しているとしても、
  そのテンプレートを実際に適用していただけなければ、
  不具合の原因もわからずご返答のしようがありません。


  • #1095 Novelテンプレート管理人 
  • URL 
  • 2011.10/23 01:19 
  •  ▲EntryTop 

不十分でした

すみません、説明が不十分でしたね。

前頁の『カテゴリ別に目次と小説本文を違うテンプレートで表示』というカスタマイズについては教えて頂いた方法で出来たのですが。
この場合、指示していないカテゴリの小説ページがメインテンプレートに反映せずにテキスト表示になってしまったのです。

始めからこちらに質問すればよかったと反省しています。


それで、お聞きしたいのは、こちらの記事の方法でやるにはどうしたらよいか、をお願いします。

私の場合、カテゴリ別に反映させたいテンプレートの名前を変更するだけでは表示されず、一度ファイルアップロードをしないと上手く表示しませんでした。
こちらの記事も同じかな?と思ってちょっとやってみたのですが上手く行きませんでした・・・・・。

スタイルシートを振り分けるところがダメなのか。
それともメインの共通テンプレートの名前も『CSS-Category』じゃなく別の名前にしないとダメなのか?


一応、上手く表示できたテンプレートにしておきますので見ていただければ嬉しいです。
二度手間になってしまってすみませんでした。

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

Re: 不十分でした

>この場合、指示していないカテゴリの小説ページがメインテンプレートに反映せずにテキスト表示になってしまったのです。


思い違いをなさっておられるようです。前ページの解説をよく読んでいただけばおわかりかと思いますが、
このカスタマイズは、

「カテゴリ別テンプレートはカテゴリの数だけDLする必要があります」

一つのカテゴリに対して一つのスタイルシート、カテゴリの数だけそれぞれのスタイルシートをDLしていただくことが大前提になります。

あろまりん様のサーバーの場合はDLではなく、スタイルシートをアップロードしていただくことになりますが、この場合、意味は同じです。

特定のカテゴリのスタイルシートだけしかアップロードしなければ、スタイルシートをアップロードしていないカテゴリでは当然ながら、スタイルシートのない状態、つまりテキストのみの表示になります。

この記事のカスタマイズがうまくいかなかった理由も全く同じです。

「DLするのは、親カテゴリの数だけの親カテゴリ別テンプレートと
プラス1、共通テンプレート用のテンプレートです。」


あろまりん様は表示を変更したいカテゴリの分しかスタイルシートをアップロードしておられません。

このカスタマイズは、
全ての親カテゴリの分プラス親カテゴリのないカテゴリ用のスタイルシートをアップロードしてからお試しください。

ありがとうございました

頑張ってみようと思います。

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

名前変換フォーム

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