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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-J-Himawari今夏申請は諦めます →親カテゴリ(作品)別に小説本文ページだけを違うテンプレートで表示する
 
上記の広告は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)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-J-Himawari今夏申請は諦めます →親カテゴリ(作品)別に小説本文ページだけを違うテンプレートで表示する
 
hosi5.gifカスタマイズの難易度5
HPへの擬態を究極の目標とするNovelテンプレートにとって、カテゴリごとに違うデザインでの表示と、前話・次話への確実なページナビゲーションは、どうしても実現させたい機能でした。前話・次話へのページナビゲーションについては、御存知の通り、関連エントリーと関連リストの導入によって、完璧とはいえないまでも、とりあえずはご覧になる方が不自由を感じないレベルまで改善できたと思います。

しかし、カテゴリ別に目次や小説本文ページのページデザインを変更するカスタマイズについては、それを可能とする方法こそ、試行錯誤の末漸く見出す事もできましたが、実際にそれをブログで実装させるには、それなりのHTMLやCSSの知識が必用でした。

まして、一つ二つのカテゴリの表示を変更するならまだしも、(それでも十分大変だと思いますが)全てのカテゴリの表示を変更するとなると、ただでさえ拙作はデザインや構成が複雑なので、とんでもなく大変なカスタマイズになったはずです。もしも、天晴れそれを完遂なさった方がおられたとしたら、相当なスキルの持ち主に違いなく、それほどのスキルがある方なら自前でHPを立ち上げるのも容易いはずで(むしろ、そちらの方が簡単かも)、わざわざブログで小説サイトを作るとは考えにくい。

管理人としても、できる限りの簡略化を目指して改訂を重ね、その度に解説記事もアップしてきましたが、どこをどう簡略しても、どう解説しても、結果的には、初心者の方が多い拙作ユーザー様が手軽に試みれる方法とはなり得ませんでした。

今回御紹介するカスタマイズはそれに比べれば遥かに簡単で、一般的な拙作ユーザーの方向きのカスタマイズといえます。既存のNovelテンプレートの中から、この作品はこのテンプレート、この作品はこのテンプレートと、カテゴリごとに表示させるテンプレートを選択し、その上で、目次と小説本文ページだけ選択したテンプレートのデザインで表示されるようにスタイルシートを振り分けます。特別なスキルは一切必用とぜず、ユーザーの方が、個々のカテゴリごとにデザインしたり、それをスタイルシートに記述する必要もありません。作品(カテゴリ)の数だけテンプレートをDLしたり、名前を変更したりしなくてはならないので、作品(カテゴリ)数の多いブログの場合は工程が多くなり少々御面倒ですが、作業としてはさほど難しくはないカスタマイズです。

カテゴリごとに違うテンプレートで表示させたいという願望は、Novelテンプレート開設当初からの管理人の頭にありました。
途中、StyleKeeperを活用させていただこうかと思い、StyleKeeperの作者FCafeのdaniel様にご相談したところ、「JSオフの時は無効となるStyleKeeperによってテンプレートを換えるのでなく、より確実な方法として、作品(カテゴリ)毎にCSSを変更してはどうか」と御助言いただきました。ご助言いただいた当初は、共通した部分はあっても、その時その時、デザインに応じて違う組み方をしたテンプレートのHTMLを統一することなどとてもできないと思い、その様に申しあげましたが、その後、事あるごとにそのお言葉を思い出す事になりました。結局StyleKeeperを使う方法はあきらめ、その後、管理人は、数あるNovelテンプレートのHTMLやSCCに互換性を持たせる改訂作業に取り組むことになります。

あれから随分時間がかかってしまいましたが、延々と続いた改訂作業も漸く終わり、また、当時考えていたように、ユーザーの方に個々のスタイルシートをファイルアップロードしていただかなくとも、テンプレートをDLするだけでよい事もわかりましたので、今回晴れて「作品(カテゴリ)毎にCSSを変更する」カスタマイズの御紹介と相成りました。(2011.9.17.追記 番号無の新サーバーのブログの場合、やはりCSSをファイルアップロードしなければこのカスタマイズは不可能なようです。これについは後日解説します。

全ては、最初に道を示してくださったdaniel様の御助言が出発点でした。
daniel様本当にありがとうございました。

繰り返しますが、カテゴリの数によっては根気がいるかもしれませんが、スキルは不要の、作業としてはわりと単純なカスタマイズです。しかし、全くの初心者の方がお試しになるのは少々不安もあります。また前述したように、管理人の拘りもや思い入れもある、そしてある意味Novelテンプレートの最終カスタマイズですので、あえて、拙宅初の星五つ、hosi5.gif難易度5の裏技カスタマイズと致しました。

2011.9.17.追記申しわけありません、番号無しの新サーバーのブログの場合、やはりスタイルシートを別途ファイルアップロードしなければこのカスタマイズは不可能なようです。こちらの方法については後日解説記事をアップします。


2011.10.23.追記番号なしの新サーバー以外も、サーバーによっては、スタイルシートがイメージサーバーにアップされているため、カテゴリ別テンプレートをDLするだけではスタイルシートが反映されないようです。DLしたスタイルシートをカテゴリ別テンプレートの名前でアップロードする必要があります。それについては、コメント欄でご返答しているので御参考にしてください。コチラ


カスタマイズの概要


目次と小説本文ページだけ、別テンプレートのスタイルシートが反映されるようにを振り分け、同じHTMLを用いながら、個々のカテゴリ毎に別スタイル(デザイン)で表示させます。

メインテンプレートとカテゴリ別テンプレート


最初に基本となるテンプレートを決めます。カスタマイズの都合上、このテンプレートをメインテンプレートとよびます。HTMLは全ページこのメインテンプレートのHTMLが用いられます。また、目次と小説本文ページ以外のページはこのメインテンプレートのスタイルシート(デザイン)で表示されます。
実際に用いられるHTMLはこのメインテンプレートだけですので、アクセス解析やアクセスカウンター、拍手タグの貼りつけなど、必用なカスタマイズがあれば、全てこのメインテンプレートのHTMLだけに施します

目次と小説本文ページはメインテンプレートとは違うテンプレートのデザイン(スタイルシート)で表示されます。実際に用いられるのはスタイルシートのみですが、便宜上、メインテンプレートと区別するために、これらをカテゴリ別テンプレートと呼びます。

メインテンプレートの選択


衣替えがそうであるように、このカスタマイズはHTMLとCSSに互換性のあるテンプレート同士でのみ可能です。よって、どのテンプレートをメインテンプレートにするかによって、カテゴリ別テンプレートの選択肢も決まってきます。

メインテンプレートををPF・PF2タイプにする場合は、カテゴリ別テンプレートも、PF・PF2タイプのテンプレートの中からしか選べません。

同様に、novel-PF・PF2タイプ以外のテンプレートをメインテンプレートにする場合は、カテゴリ別テンプレートも、PF・PF2タイプ以外のテンプレートの中からしか選べません。
しかし、この場合、PF・PF2タイプ以外であれば、タイプが違っていても互換性があるので、選択肢は、novel-PF・PF2タイプよりは広がります。

novel-PF・PF2タイプ以外のテンプレートで小説本文ページ横に目次を表示させる場合は、メインテンプレートのHTMLをタイプ名の横に小文字のfのついた(Rf・Sf・Jf・Gf)疑似フレームタイプを用います。小文字のfのついたテンプレートは現在少数しか公開しておりませんが、スタイルシートに互換性があるので、fのついていない多数のテンプレートの中からお好みのものに差し替えて(衣替え)御利用できます。


メインテンプレートが決まったら、そのテンプレートをDLします。複数のスタイルシートを用いるこのカスタマイズはHTMLの整合性が要です。最新の改訂版であればあるほど整合性が高いので、以前同じテンプレートをDLしてあった場合も、念の為に、最新版のものを再DLしてください。(再DLの場合、同じ名前のテンプレートがリストにあると再DLできませんので、以前DLしたテンプレートは一旦削除するか名前を変更しておきます。)DLしたら、メインテンプレートの編集画面を開いて、今後のために、解りやすい名前(例:Main-Template)に変更しておきます。メインテンプレートの編集画面はそのまま開いておきます。

カテゴリ別テンプレート



カテゴリ別テンプレートのDLの前に、今後の作業の為にパソコンのメモ帳を開いておきます。

メモ帳の開き方がわからないかたは、パソコン画面の【スタート】ボタンをクリックしてください。
スタートメニューが表示されたら、その左列にメモ帳も並んでいると思いますので、それをクリック。
そこにない方は、【すべてのプログラム】をクリックして探します。

メモ帳が表示されたらそのままにして、ブラウザのブログ画面にもどります。

今後の作業1.~3.は、間違いを避けるため、御面倒でも、カテゴリ別テンプレートのDL→名前の変更→メモ帳へのコピペを一回ごとに繰り返して作業してください。

1.カテゴリ別テンプレートの選択とDL


どの作品(カテゴリ)をどのテンプレートのデザインで表示させるか決めたら、そのテンプレートをDLします。カテゴリ別テンプレートもメインテンプレートと同じ理由で、最新版を再DLしてください。

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

同じカテゴリ別テンプレートで複数の別々のカテゴリを表示させたい場合は、同じテンプレートを重複してDLしてください。

注意特定のカテゴリのみ別テンプレートで表示したい場合、特定のカテゴリ以外はメインテンプレートと同じスタイルで表示させたい場合もカテゴり別テンプレートは他とおなじくDLします。
全てのカテゴリの数だけカテゴリ別テンプレートをDLしなければ、カテゴリ別テンプレートをDLしていないカテゴリではスタイルシートが全く反映されない状態で表示されてしまいます。


カテゴリが多くて作業が大変なので、全てのカテゴリを別々のデザイン(カテゴリ別テンプレート)で表示させるのではなく、親カテゴリが同じ場合は同じデザイン(カテゴリ別テンプレート)で表示させたいという場合のカスタマイズは次ページで御紹介します。

2.カテゴリ別テンプレートの名前の変更



カテゴリの番号の確認名前の変更前にカテゴリ番号を確認しておきます。
カテゴリ番号は、目次ページのアドレスからも確認できますが、今回は、全ての番号が一目で確認できるように、[カテゴリの編集]画面を別窓で開いておくとよいでしょう。
カテゴリ一覧リストの一番左、# をクリックすると表示される番号がカテゴリの番号です。


カテゴリ別テンプレートをDLしたら、その編集画面を別窓で開きます。
以下の末尾のカテゴリ番号以外は同じ文字列の名前に変更します。


CSS-Categoryカテゴリ番号



novel-PF・PF2タイプ以外のテンプレートの場合、個別記事ページの表示はカテゴリ番号0の未分類カテゴリとその他のカテゴリでは別レイアウトで表示されます。(古書風・古紙風テンプレートを除く)初期設定とは別レイアウトで表示する場合は、選択したカテゴリ別テンプレートのスタイルシートの(A)と(B)の行を削除するか、カテゴリ番号[0]の表示設定を削除してください。
参考記事コチラ

カテゴリ別テンプレートの名前を変更したら、
更新 】 をクリックする。


目次と小説本文ページはそれぞれこのカテゴリ番号で振り分けられて、カテゴリ別テンプレートのスタイルシートが反映されてゆきます。


3.メモ帳へのコピペ


カテゴリ別テンプレートの名前を変更したら、HTMLをスクロールしてフッター部分を探します。

novel-PF・PFタイプの場合の例 フッター(2)と間違えないように注意!

</div><!--/entry_body-->


<!--▼ HTMLやスタイルシートを交換する場合はここから差し替えてください-->
<!--▼▼▼▼ フッター(1)( FC2 コピーライト )▼▼▼▼-->
<!-- ※ FC2の著作権表示・広告等は消せません -->
<!--not_index_area--><div class="footer">
copyright &copy; <%blog_name> all rights reserved. <br />
Material : <a href="http://kaz.fount-k.com/" target="_blank" title="風のおひるね">風のおひるね</a> & <a target="_blank" href="http://homepage3.nifty.com/fiore-k/">Fiore </a> Template by <a href="http://noveltemplate.blog26.fc2.com/" target="_blank">Novel Template</a>
<br /><%ad>  <%ad2>
</div><!--/not_index_area-->
<!-- ※ FC2の著作権表示・広告等は消せません -->
<!--▲▲▲▲ フッター(1)( FC2 コピーライト )▲▲▲▲-->
<!--▲ HTMLやスタイルシートを交換する場合はここまで差し替えてください-->

</div><!--/main_box-->



novel-PF・PFタイプ以外の場合の例

<!--▼▼フッター▼▼-->
<div class="layout_footer">

<!--▼コピーライト HTMLやスタイルシートを交換する場合はここから差し替えてください-->
<div class="copyright">
Copyright &#169; <a href="<%url>"><%blog_name></a> All Rights Reserved.<br />

Material :<a href="http://makos.websozai.jp/" target="_blank" title="Mako's">薔薇素材 Mako's</a> & <a href="http://p-fan.net" target="_blank" title="p-fan.net">p-fan.net</a> Template By <a href="http://noveltemplate.blog26.fc2.com/" target="_blank">Novel テンプレート</a>
<br />
<!--削除不可広告開始--><%ad> <%ad2><!--削除不可広告終了--></div>


<!--▲コピーライト スタイルシートを交換する場合はここから差し替えてください-->
</div>
<!--▲▲フッター▲▲-->



青字の部分は素材サイト様の著作権リンクです。

青字の部分をコピペして、先ほど開いておいたメモ帳に貼り付け<span class="c cnカテゴリ番号">~</span>で囲みます。

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


カテゴリ番号を間違えると、素材提供サイト様に大変な失礼を侵すことになりますので、くれぐれも慎重に!

カテゴリ別テンプレートの編集画面は、名前を変更し、素材サイト様のリンクをメモ帳に貼り付けたら閉じても構いません。

<span class="c cnカテゴリ番号">~</span>で囲んだ、カテゴリ別テンプレートの素材サイト様のリンクを全てメモ帳へ貼り付けたら、前後を以下のように赤字のタグでで囲んでおきます。

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



以上が完了したらメモ帳はそのままにして、メインテンプレートの編集画面にもどります。

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


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


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

<head>
~中略~

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


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


<!--not_permanent_area--><!--not_category_area--><link href="<%css_link>" type="text/css" rel="stylesheet" /><!--/not_category_area--><!--/not_permanent_area-->

<!--category_area--><link href="<%url>template/CSS-Category<%cno>/style.css" type="text/css" rel="stylesheet" /><!--/category_area-->

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


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

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


カテゴリ別テンプレートの時と同じように、メインテンプレートをスクロールしてフッター部分を探します。

novel-PF・PFタイプの場合の例 フッター(2)と間違えないように注意!

</div><!--/entry_body-->


<!--▼ HTMLやスタイルシートを交換する場合はここから差し替えてください-->
<!--▼▼▼▼ フッター(1)( FC2 コピーライト )▼▼▼▼-->
<!-- ※ FC2の著作権表示・広告等は消せません -->
<!--not_index_area--><div class="footer">
copyright &copy; <%blog_name> all rights reserved. <br />
Material : <a href="http://kaz.fount-k.com/" target="_blank" title="風のおひるね">風のおひるね</a> & <a target="_blank" href="http://homepage3.nifty.com/fiore-k/">Fiore </a> Template by <a href="http://noveltemplate.blog26.fc2.com/" target="_blank">Novel Template</a>
<br /><%ad>  <%ad2>
</div><!--/not_index_area-->
<!-- ※ FC2の著作権表示・広告等は消せません -->
<!--▲▲▲▲ フッター(1)( FC2 コピーライト )▲▲▲▲-->
<!--▲ HTMLやスタイルシートを交換する場合はここまで差し替えてください-->

</div><!--/main_box-->



novel-PF・PFタイプ以外の場合の例

<!--▼▼フッター▼▼-->
<div class="layout_footer">

<!--▼コピーライト HTMLやスタイルシートを交換する場合はここから差し替えてください-->
<div class="copyright">
Copyright &#169; <a href="<%url>"><%blog_name></a> All Rights Reserved.<br />

Material :<a href="http://makos.websozai.jp/" target="_blank" title="Mako's">薔薇素材 Mako's</a> & <a href="http://p-fan.net" target="_blank" title="p-fan.net">p-fan.net</a> Template By <a href="http://noveltemplate.blog26.fc2.com/" target="_blank">Novel テンプレート</a>
<br />
<!--削除不可広告開始--><%ad> <%ad2><!--削除不可広告終了--></div>


<!--▲コピーライト スタイルシートを交換する場合はここから差し替えてください-->
</div>
<!--▲▲フッター▲▲-->




最初に青字の部分
<!--not_permanent_area--><!--not_category_area-->~<!--/not_category_area--><!--/not_permanent_area-->で囲みます。

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



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

novel-PF・PFタイプの場合の例 

</div><!--/entry_body-->


<!--▼ HTMLやスタイルシートを交換する場合はここから差し替えてください-->
<!--▼▼▼▼ フッター(1)( FC2 コピーライト )▼▼▼▼-->
<!-- ※ FC2の著作権表示・広告等は消せません -->
<!--not_index_area--><div class="footer">
copyright &copy; <%blog_name> all rights reserved. <br />
Material : <!--not_permanent_area--><!--not_category_area-->
<a href="http://kaz.fount-k.com/" target="_blank" title="風のおひるね">風のおひるね</a> & <a target="_blank" href="http://homepage3.nifty.com/fiore-k/">Fiore </a><!--/not_category_area--><!--/not_permanent_area-->
<!--not_page_area--><!--not_date_area--><!--not_search_area--><!--not_tag_area--><!--not_edit_area--><!--not_titlelist_area-->
<span class="c cn0"><a href="http://makos.websozai.jp/" target="_blank" title="Mako's">薔薇素材 Mako's</a></span>
<span class="c cn1"><a target="_blank" href="http://homepage3.nifty.com/fiore-k/"title="Fiore">Fiore </a></span>
<span class="c cn2"><a href="http://white-board.jp/" target="_blank" title="White Board">White Board</a></span>
<span class="c cn3"><a href="http://sweety.chips.jp/" target="_blank" target="_blank" title="Sweety">Sweety</a></span>
<span class="c cn4"><a href="http://lunar.littlestar.jp/stardust/index.html" target="_blank" title="STAR DUST">STAR DUST</a></span>

<!--/not_titlelist_area--><!--/not_edit_area--><!--/not_tag_area--><!--/not_search_area--><!--/not_date_area--><!--/not_page_area--> Template by <a href="http://noveltemplate.blog26.fc2.com/" target="_blank">Novel Template</a>
<br /><%ad>  <%ad2>
</div><!--/not_index_area-->
<!-- ※ FC2の著作権表示・広告等は消せません -->
<!--▲▲▲▲ フッター(1)( FC2 コピーライト )▲▲▲▲-->
<!--▲ HTMLやスタイルシートを交換する場合はここまで差し替えてください-->

</div><!--/main_box-->



novel-PF・PFタイプ以外の場合の例

<!--▼▼フッター▼▼-->
<div class="layout_footer">

<!--▼コピーライト HTMLやスタイルシートを交換する場合はここから差し替えてください-->
<div class="copyright">
Copyright &#169; <a href="<%url>"><%blog_name></a> All Rights Reserved.<br />

Material :<!--not_permanent_area--><!--not_category_area-->
<a href="http://makos.websozai.jp/" target="_blank" title="Mako's">薔薇素材 Mako's</a> & <a href="http://p-fan.net" target="_blank" title="p-fan.net">p-fan.net</a><!--/not_category_area--><!--/not_permanent_area-->

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

<!--/not_titlelist_area--><!--/not_edit_area--><!--/not_tag_area--><!--/not_search_area--><!--/not_date_area--><!--/not_page_area--> Template By <a href="http://noveltemplate.blog26.fc2.com/" target="_blank">Novel テンプレート</a>
<br />
<!--削除不可広告開始--><%ad> <%ad2><!--削除不可広告終了--></div>


<!--▲コピーライト スタイルシートを交換する場合はここから差し替えてください-->
</div>
<!--▲▲フッター▲▲-->



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

更新 】 をクリックする。


カスタマイズ後に新しくカテゴリを新設した場合


①~③の作業だけでOK!
①新設したカテゴリ用のカテゴリ別テンプレートをDLする

②DLしたカテゴリ別テンプレートの名前を変更する
CSS-Category新設したカテゴリ番号

③メインテンプレートのフッターにDLしたカテゴリ別テンプレートの素材サイト様のリンクを追加する
<span class="c cn新設したカテゴリ番号"><a href="サイトアドレス" target="_blank" title="">素材サイト名</a></span>


特定の小説本文ページでデザインを変更する場合


カテゴリ別にテンプレートを振り分けた上で、特定の小説本文ページのデザインだけをそのカテゴリの他のページとはデザインを変えることも可能です。
例えば、「このカテゴリのこの小説本文ページだけは背景色を黒にしたい」という場合は、そのカテゴリのカテゴリ別テンプレートのスタイルシートをカスタマイズします。

詳しくは 【改定版 簡単カスタマイズ】特定の個別記事ページの背景を変更する

同様の方法で、表紙だけ、あるいは通常ブログ画面やNovelListだけ別テンプレートで表示させることもできます。しかも、SteyleKeeperを用いた場合はJavaScript有効時だけでしたが、このカスタマイズは、JavaScriptがオフの状態でも別テンプレートでの表示が維持できます。
表紙・通常ブログ画面・NovelListなどを別テンプレで表示させるカスタマイズについては後日ご紹介します。

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

~ Comment ~

上手く表示できません

はじめまして。
いつも利用させていただき、感謝しております。

さて、こちらの記事のやり方にそってなんとか貼り付けを終えたのですが・・・・・。
いざ、ブログ画面を開くと、テンプレートが対応せず、文字のみのテキスト表示になってしまうのです。

メインテンプレートが夢ミルのものを使っているのが問題なのでしょうか?
他のテンプレートをメインにして、は試してないのですが。

何度読み返して、いくつも新しく作成しても結果は反映されずに文字だけのまま。
何がいけないのかもうさっぱりお手上げになりました。

どうしたらよいでしょうか?
スタイルシートの中身を全てコピーしてお見せすればよいのでしょうか?
手がかかって申し訳ありませんが、何か助言をいただけたらと思い、メールを差し上げる事にしました。
宜しくお願い致します。

※現在は別テンプレートで表示してあります。

To:あろまりん様

DLとコメントありがとうございます。
そして、本当に申し訳ありませんでした。
実は、あろまりん様のコメントを頂戴し、ブログへ伺って、ソースを確認し、サーバー№のない新サーバーだけでなく、あろまりん様のようにブログ№のある旧サーバーでも、スタイルシートがイメージサーバーにアップされている事に初めて気が付きました。
今まで気が付かず、本当に申し訳ありませんでした。

対処法なのですが、もちろん、カテゴリ別表示することは可能ですが、
残念ながらカテゴリ別テンプレートの名前を変更するほど簡単ではなくなります。

それぞれのカテゴリ別テンプレートのスタイルシートを各々の管理画面からファイルアップロードしていただくことになります。
詳しくは後日解説記事をアップさせていただきますが、
追加カスタマイズの概要は以下の通りです。

パソコンのメモ帳を開く。
カテゴリ別テンプレートのスタイルシートをコピペする。
それを、カテゴリ番号を含む変更したカテゴリ別テンプレートの名前.cssで保存する。

例えば、カテゴリ番号1のカテゴリ別テンプレートの場合は
CSS-Category1.css で保存します。

管理画面を開き、サイドメニュー 【ツール】⇒【ファイルアップロード】をクリック

開いた画面の【参照】をクリックすると
「アップロードするファイルの選択」窓が表示されますので、
ファイル名に CSS-Category1.css を【開く】をクリック

元画面のファイル欄に文字列が表示されますので
【アップロード】をクリック

すると、以下のように表示されると思います。

ファイルをアップロードしました : http://blog-imgs-●●.fc2.com/a/r/o/aromarin0617/CSS-Category1.css

●●は、スタイルシートをアップロードしたイメージサーバーの番号になりますが、この時、全てのカテゴリ別テンプレートのスタイルシートが同じ番号のイメージサバ―にアップされていることを確認してください。


全てのカテゴリ別テンプレートのスタイルシートを同じ番号のイメージサーバーにアップロードできたら、メインテンプレートの<head>~</head>内のカスタマイズを変更します。

上の記事中、「メインテンプレートのカスタマイズ」⇒『スタイルシートを振り分ける』
<head>~</head>内の「赤字の部分を以下に差し替えます」以降の部分のスタイルシートのリンク先を
たった今アップロードしたイメージサーバーにした 以下に差し替えます。


<!--not_permanent_area--><!--not_category_area--><link href="<%css_link>" type="text/css" rel="stylesheet" /><!--/not_category_area--><!--/not_permanent_area-->

<!--category_area--><link href="http://blog-imgs-●●.fc2.com/a/r/o/aromarin0617/CSS-Category<%cno>.css" type="text/css" rel="stylesheet" /><!--/category_area-->

<!--permanent_area--><link href="http://blog-imgs-●●.fc2.com/a/r/o/aromarin0617/CSS-Category<!--topentry--><%topentry_category_no><!--/topentry-->.css" type="text/css" rel="stylesheet" /><!--/permanent_area-->


これで、カテゴリ別にテンプレートを振り分けて表示できます。
最初にご紹介した方法よりは少々面倒ですが、よろしければお試しください。
カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←novel-J-Himawari今夏申請は諦めます    →親カテゴリ(作品)別に小説本文ページだけを違うテンプレートで表示する

名前変換フォーム

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