表示させ、他のカテゴリの目次ページとは背景を変更して表示しています。このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。このページは、他のカテゴリの目次ページとは背景を変更して表示しています。このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。テンプレートこのページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。このカテゴリの記事ページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。カスタマイズの難易度5この作品は夢小説のサンプルですのでJavaScriptをオンにして、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!カスタマイズの難易度52010.8.5.Novelテンプレートの利用規約を改定し、衣替え以外の背景画像の変更は原則不可とさせていただきました。以下にご紹介したカスタマイズで、画像を変更してご利用の場合は、管理人の課した条件を満たすことが必要です。改訂版のテンプレートのHTMLには、予め特定カテゴリ背景変更のためのカスタマイズが施されていますので、背景の変更が以前より簡単になりました。簡単カスタマイズ】特定のカテゴリの目次の背景画像を変更する以下は改訂前の記事ですので折りたたんであります。タイプ以外のテンプレート】特定のカテゴリの目次の背景画像を変更するnovel-PFタイプやnovel-Rタイプの目次ページは背景が全面表示されており、カテゴリ別に背景を変更するカスタマイズが割りと簡単かつ、効果的なので例に挙げてご説明いたしました。それ以外のテンプレートの場合も、「特定の個別記事ページの背景を変更する」でご紹介した方法で、記事番号<%pno>をカテゴリ番号<%cno>に変更すれば、少なくともカラム外側の背景だけは簡単に変更できます。novel-PF・novel-Rタイプ以外のテンプレートの場合、カラムの外側の背景を変更しただけではさほど効果的とは申せません。テンプレートによって微妙に異なる複雑なカスタマイズが必要となります。残念ながら、それぞれのテンプレートのそれぞれのケースを、初心者の方がご理解いただけるように一つ一つ解説してゆく余裕は管理人にはございません。よって、ここでは少なくとも、カテゴリ別の設定以外であれば、どこをどのようにカスタマイズすれば目次ページの背景を変更できるか既にご理解なさっている方、ある程度のHTMLとスタイルシートの知識がおありの方向けに、その概要だけを簡単にご説明させていただきますのでご了承ください。ご存知の通り、ここカスタマイズは「FC2ブログテンプレート工房」のいたお様に教えていただいたカスタマイズです。(スタイルを適用させる対象)のスタイルの指定が優先されるという特性を使って、第二のクラス名を設定することで特定のカテゴリの表示を変更させています。手順は以下の通りです。HTMLの中から全ページ共通部分と<!--category_area-->~<!--/category_area-->で囲まれた部分にあるセレクタ(主にブロック要素)が、スタイルシートでどのように設定されているかチェックし、変更が必要なセレクタ(ブロック)のクラス名を割り出します。(クラス名の前に#categoryの記載がある場合もあります。含む第二のクラス名を追加します。部分を表示を変更するカテゴリ番号に変え、スタイルシートに追加します。id="container">のように、HTMLでID指定している箇所の背景を変更する場合は、ID指定をクラス名指定に変更した上で第二のクラス名を設定します。その際、忘れずに、スタイルシートのID指定していた箇所も(第一の)クラス名に変更します。id="entry">)や、リンクのためのアンカーを兼ねている場合はIDを解除するとデザインその他に不具合が生じますのでご注意ください。競合する箇所の優先順位を変更する場合は!importantなどで工夫してみてください。個々のテンプレートのデザイン変更についてのサポートはできかねますので、それに関するご質問等はご遠慮ください。今年一年ありがとうございました。Template名前変換フォームJavaScriptがOFFのため、変換できません。byブログで夢小説!ユメミル?JavaScriptをオンにするとここに目次が表示されます。