表示させ、他のカテゴリの目次ページとは背景を変更して表示しています。このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。このページは、他のカテゴリの目次ページとは背景を変更して表示しています。このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。テンプレートこのページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。このカテゴリの記事ページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。カスタマイズの難易度5この作品は夢小説のサンプルですのでJavaScriptをオンにして、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!カスタマイズの難易度5HPへの擬態を究極の目標とするNovelテンプレートにとって、カテゴリごとに違うデザインでの表示と、前話・次話への確実なページナビゲーションは、どうしても実現させたい機能でした。前話・次話へのページナビゲーションについては、御存知の通り、関連エントリーと関連リストの導入によって、完璧とはいえないまでも、とりあえずはご覧になる方が不自由を感じないレベルまで改善できたと思います。カテゴリ別に目次や小説本文ページのページデザインを変更するカスタマイズについては、それを可能とする方法こそ、試行錯誤の末漸く見出す事もできましたが、実際にそれをブログで実装させるには、それなりのHTMLやCSSの知識が必用でした。一つ二つのカテゴリの表示を変更するならまだしも、(それでも十分大変だと思いますが)全てのカテゴリの表示を変更するとなると、ただでさえ拙作はデザインや構成が複雑なので、とんでもなく大変なカスタマイズになったはずです。天晴れそれを完遂なさった方がおられたとしたら、相当なスキルの持ち主に違いなく、それほどのスキルがある方なら自前でHPを立ち上げるのも容易いはずで(むしろ、そちらの方が簡単かも)、わざわざブログで小説サイトを作るとは考えにくい。管理人としても、できる限りの簡略化を目指して改訂を重ね、その度に解説記事もアップしてきましたが、どこをどう簡略しても、どう解説しても、結果的には、初心者の方が多い拙作ユーザー様が手軽に試みれる方法とはなり得ませんでした。今回御紹介するカスタマイズはそれに比べれば遥かに簡単で、一般的な拙作ユーザーの方向きのカスタマイズといえます。既存のNovelテンプレートの中から、この作品はこのテンプレート、この作品はこのテンプレートと、カテゴリごとに表示させるテンプレートを選択し、その上で、目次と小説本文ページだけ選択したテンプレートのデザインで表示されるようにスタイルシートを振り分けます。特別なスキルは一切必用とぜず、ユーザーの方が、個々のカテゴリごとにデザインしたり、それをスタイルシートに記述する必要もありません。作品(カテゴリ)の数だけテンプレートをDLしたり、名前を変更したりしなくてはならないので、作品(カテゴリ)数の多いブログの場合は工程が多くなり少々御面倒ですが、作業としてはさほど難しくはないカスタマイズです。カテゴリごとに違うテンプレートで表示させたいという願望は、Novelテンプレート開設当初からの管理人の頭にありました。途中、StyleKeeperを活用させていただこうかと思い、StyleKeeperの作者FCafeのdaniel様にご相談したところ、「JSオフの時は無効となるStyleKeeperによってテンプレートを換えるのでなく、より確実な方法として、作品(カテゴリ)毎にCSSを変更してはどうか」と御助言いただきました。ご助言いただいた当初は、共通した部分はあっても、その時その時、デザインに応じて違う組み方をしたテンプレートのHTMLを統一することなどとてもできないと思い、その様に申しあげましたが、その後、事あるごとにそのお言葉を思い出す事になりました。結局StyleKeeperを使う方法はあきらめ、その後、管理人は、数あるNovelテンプレートのHTMLやSCCに互換性を持たせる改訂作業に取り組むことになります。あれから随分時間がかかってしまいましたが、延々と続いた改訂作業も漸く終わり、また、当時考えていたように、ユーザーの方に個々のスタイルシートをファイルアップロードしていただかなくとも、テンプレートをDLするだけでよい事もわかりましたので、今回晴れて「作品(カテゴリ)毎にCSSを変更する」カスタマイズの御紹介と相成りました。番号無の新サーバーのブログの場合、やはりCSSをファイルアップロードしなければこのカスタマイズは不可能なようです。これについは後日解説します。)全ては、最初に道を示してくださったdaniel様の御助言が出発点でした。daniel様本当にありがとうございました。繰り返しますが、カテゴリの数によっては根気がいるかもしれませんが、スキルは不要の、作業としてはわりと単純なカスタマイズです。初心者の方がお試しになるのは少々不安もあります。難易度5の裏技カスタマイズと致しました。申しわけありません、番号無しの新サーバーのブログの場合、やはりスタイルシートを別途ファイルアップロードしなければこのカスタマイズは不可能なようです。こちらの方法については後日解説記事をアップします。番号なしの新サーバー以外も、サーバーによっては、スタイルシートがイメージサーバーにアップされているため、カテゴリ別テンプレートを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していないカテゴリではスタイルシートが全く反映されない状態で表示されてしまいます。カテゴリが多くて作業が大変なので、全てのカテゴリを別々のデザイン(カテゴリ別テンプレート)で表示させるのではなく、親カテゴリが同じ場合は同じデザイン(カテゴリ別テンプレート)で表示させたいという場合のカスタマイズは次ページで御紹介します。名前の変更前にカテゴリ番号を確認しておきます。カテゴリ番号は、目次ページのアドレスからも確認できますが、今回は、全ての番号が一目で確認できるように、[カテゴリの編集]画面を別窓で開いておくとよいでしょう。クリックすると表示される番号がカテゴリの番号です。カテゴリ別テンプレートをDLしたら、その編集画面を別窓で開きます。以下の末尾のカテゴリ番号以外は同じ文字列の名前に変更します。CSS-Categoryカテゴリ番号novel-PF・PF2タイプ以外のテンプレートの場合、個別記事ページの表示はカテゴリ番号0の未分類カテゴリとその他のカテゴリでは別レイアウトで表示されます。(古書風・古紙風テンプレートを除く)初期設定とは別レイアウトで表示する場合は、選択したカテゴリ別テンプレートのスタイルシートの(A)と(B)の行を削除するか、カテゴリ番号[0]の表示設定を削除してください。目次と小説本文ページはそれぞれこのカテゴリ番号で振り分けられて、カテゴリ別テンプレートのスタイルシートが反映されてゆきます。3.メモ帳へのコピペカテゴリ別テンプレートの名前を変更したら、HTMLをスクロールしてフッター部分を探します。スタイルシートを交換する場合はここから差し替えてください--></div><!--▲▲フッター▲▲-->青字の部分は素材サイト様の著作権リンクです。cnカテゴリ番号">~</span>で囲みます。title="">サイト名</a></span>カテゴリ番号を間違えると、素材提供サイト様に大変な失礼を侵すことになりますので、くれぐれも慎重に!カテゴリ別テンプレートの編集画面は、名前を変更し、素材サイト様のリンクをメモ帳に貼り付けたら閉じても構いません。cnカテゴリ番号">~</span>で囲んだ、カテゴリ別テンプレートの素材サイト様のリンクを全てメモ帳へ貼り付けたら、前後を以下のように赤字のタグでで囲んでおきます。DUST</a></span><!--/not_titlelist_area--><!--/not_edit_area--><!--/not_tag_area--><!--/not_search_area--><!--/not_date_area--><!--/not_page_area-->以上が完了したらメモ帳はそのままにして、メインテンプレートの編集画面にもどります。メインテンプレートのカスタマイズスタイルシートを振り分ける<head>~</head>内の以下の部分を探します。/>~中略~</head>赤字の部分を以下に差し替えます。/><!--/permanent_area-->これで、目次と小説本文ページでは、カテゴリ別テンプレートのスタイルシートに振り分けて反映されます。フッター部分のカスタマイズカテゴリ別テンプレートの時と同じように、メインテンプレートをスクロールしてフッター部分を探します。スタイルシートを交換する場合はここから差し替えてください--></div><!--▲▲フッター▲▲-->最初に青字の部分を<!--not_permanent_area--><!--not_category_area-->~<!--/not_category_area--><!--/not_permanent_area-->で囲みます。title="">サイト名</a><!--/not_category_area--><!--/not_permanent_area-->次に先ほどのメモ帳の内容をそのままコピペしてその下に貼り付けます。スタイルシートを交換する場合はここから差し替えてください--></div><!--▲▲フッター▲▲-->これで、小説本文ページと目次のフッター部分の著作権リンクは、そのカテゴリ(作品)別テンプレートの素材提供サイト様のものに差し替えられて表示されます。title="">素材サイト名</a></span>特定の小説本文ページでデザインを変更する場合カテゴリ別にテンプレートを振り分けた上で、特定の小説本文ページのデザインだけをそのカテゴリの他のページとはデザインを変えることも可能です。「このカテゴリのこの小説本文ページだけは背景色を黒にしたい」という場合は、そのカテゴリのカテゴリ別テンプレートのスタイルシートをカスタマイズします。簡単カスタマイズ】特定の個別記事ページの背景を変更する同様の方法で、表紙だけ、あるいは通常ブログ画面やNovelListだけ別テンプレートで表示させることもできます。SteyleKeeperを用いた場合はJavaScript有効時だけでしたが、このカスタマイズは、JavaScriptがオフの状態でも別テンプレートでの表示が維持できます。表紙・通常ブログ画面・NovelListなどを別テンプレで表示させるカスタマイズについては後日ご紹介します。~上手く表示できませんはじめまして。いつも利用させていただき、感謝しております。こちらの記事のやり方にそってなんとか貼り付けを終えたのですが・・・・・。いざ、ブログ画面を開くと、テンプレートが対応せず、文字のみのテキスト表示になってしまうのです。メインテンプレートが夢ミルのものを使っているのが問題なのでしょうか?他のテンプレートをメインにして、は試してないのですが。何度読み返して、いくつも新しく作成しても結果は反映されずに文字だけのまま。何がいけないのかもうさっぱりお手上げになりました。したらよいでしょうか?スタイルシートの中身を全てコピーしてお見せすればよいのでしょうか?手がかかって申し訳ありませんが、何か助言をいただけたらと思い、メールを差し上げる事にしました。※現在は別テンプレートで表示してあります。14:17▲EntryTopTo:あろまりん様DLとコメントありがとうございます。本当に申し訳ありませんでした。実は、あろまりん様のコメントを頂戴し、ブログへ伺って、ソースを確認し、サーバーNoのない新サーバーだけでなく、あろまりん様のようにブログNoのある旧サーバーでも、スタイルシートがイメージサーバーにアップされている事に初めて気が付きました。今まで気が付かず、本当に申し訳ありませんでした。残念ながらカテゴリ別テンプレートの名前を変更するほど簡単ではなくなります。それぞれのカテゴリ別テンプレートのスタイルシートを各々の管理画面からファイルアップロードしていただくことになります。追加カスタマイズの概要は以下の通りです。パソコンのメモ帳を開く。カテゴリ別テンプレートのスタイルシートをコピペする。それを、カテゴリ番号を含む変更したカテゴリ別テンプレートの名前.cssで保存する。【開く】をクリック元画面のファイル欄に文字列が表示されますので【アップロード】をクリックすると、以下のように表示されると思います。http://blog-imgs-●●.fc2.com/a/r/o/aromarin0617/CSS-Category1.css●●は、スタイルシートをアップロードしたイメージサーバーの番号になりますが、この時、全てのカテゴリ別テンプレートのスタイルシートが同じ番号のイメージサバ―にアップされていることを確認してください。全てのカテゴリ別テンプレートのスタイルシートを同じ番号のイメージサーバーにアップロードできたら、メインテンプレートの<head>~</head>内のカスタマイズを変更します。/><!--/permanent_area-->これで、カテゴリ別にテンプレートを振り分けて表示できます。最初にご紹介した方法よりは少々面倒ですが、よろしければお試しください。▲EntryTopカスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。非公開コメント投稿可能です。Template名前変換フォームJavaScriptがOFFのため、変換できません。byブログで夢小説!ユメミル?JavaScriptをオンにするとここに目次が表示されます。