表示させ、他のカテゴリの目次ページとは背景を変更して表示しています。このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。このページは、他のカテゴリの目次ページとは背景を変更して表示しています。このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。テンプレートこのページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。このカテゴリの記事ページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。画像この作品は夢小説のサンプルですのでJavaScriptをオンにして、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!カスタマイズの難易度4まずはどういう風になるのかサンプルの目次をごらんください。サンプル以前、NovelListに画像も表示させるカスタマイズとして、追記部分にリストのための小さめの画像と説明を追加する方法をご説明しましたが、こと、画像のある記事に、説明文をつけて作成するのであれば、これからご紹介するカスタマイズの方がはるかに簡単です。このカスタマイズはどりーみー様のアイディアをお借りしました。本当にスマートですばらしいカスタマイズです!どりーみー様ありがとうございます。(どりーみー様は画像メインのサイト様にぴったりの、実に個性的かつ機能的なテンプレートを数多く公開なさっておられますので、イラストサイトさま、写真サイトさまにはおススメです。List)付きテンプレートを作成致しました。特定のカテゴリの目次で画像を一覧させる」をご覧ください。以下は改訂前の記事ですので折りたたんであります。タイプ以外のテンプレート】特定のカテゴリの目次の背景画像を変更する今回はカテゴリエリア、つまり目次ページのカスタマイズですが、この方法は他のエリアのページ、もちろんタグエリアのNovelListの表示にも応用ができます。この方法(レイアウト)でNovelListを表示するカスタマイズについてもいずれご紹介させていただきます。NovelListに画像を添えて紹介する飾り枠をつけた画像と説明文を添えて、目次をカタログのように、あるいは作中キャラの紹介ページのように表示させるこのカスタマイズは、画像を記事本文、もしくは追記部分の冒頭にアップさせる必要があります。画像の前に文章があると、画像が表示されなかったり、されても画像の位置がずれて表示されてしまいます。(画像がない場合は、記事本文に記された文章が、背景色と同じ白で表示されます。)必ず記事本文、もしくは追記の冒頭に画像をアップします投稿画像のイメージタグに、幅と高さの指定がある場合は削除します。/>数値を指定すると、サムネイル画像がきれいに表示されない事が多々あります。表示される画像は縮小されていますが、画像の重さは原形サイズと同じです。表示画像のバイト数総計、ネット環境によっては、ページの表示が重くなることもありますので、ご了承ください。カテゴリの番号の確認テンプレートのカスタマイズに取り掛かる前に、表示を変更したいカテゴリのカテゴリ番号を確認しておきます。クリックすると表示される番号がそれですが、目次ページのアドレスからも確認できます。http://noveltemplate.blog26.fc2.com/blog-category-〇〇.html〇〇がそのカテゴリのカテゴリ番号です。こんふうに上から順番に並んでいます。HTMLのカスタマイズ最初に、[HTML編集]部分をカスタマイズします。以下はこのブログの場合では、カテゴリ番号24「画像のためのカテゴリ」の目次ページをカスタマイズする例です。<head>部分のカスタマイズHTMLの冒頭、二三行目あたりに<head>というタグがあると思います。そこから</head>までの間のどこでもよいので以下の内容を追加します。カテゴリエリアのカスタマイズ次にHTMLをスクロールしていき、<!--category_area-->~<!--/category_area-->の箇所探し、赤字の部分を追加します。他のカテゴリ番号の目次ページのカスタマイズで変更(追加)済みの箇所については、それが有効ですから二重に記載する必要はありません。縦ならび目次(一話ごとにサブタイトルをつける場合)▲--></div><!--DL時は上タイプ?縦並び目次仕様ですが、下のタイプに変更することもできます。</li></ul></p><!--/category_area--><!--△作品目次(カテゴリ)ページ△-->大文字の数字は、目次ページをこの表示にカスタマイズにするカテゴリのカテゴリ番号をいれます。上は、記事本文の冒頭にアップされた画像を一覧にして並ぺる場合ですが、記事本文ではなく、追記部分の冒頭にアップさせた画像を表示させる場合は、<%topentry_body>を<%topentry_more>に変更します画像を囲む飾り枠は唐草模様のラインの画像をおいてあるだけです。(紫色のイメージタグの部分)必要に応じて、違う画像に変更もしくは削除してください。novel-10-gray以外以外のnovel-10タイプのテンプレートでこのカスタマイズをする場合は、以下の記事をご参考に、左カラムの画像を削除してください。スタイルシートのカスタマイズ次に、[スタイルシートの編集]部分をカスタマイズします。スタイルシートに以下の内容を追加します。どこでもよいのですが、わかりやすいように、スタイルシートの最後部分に一行空けて追加するとよいでしょう。~カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。非公開コメント投稿可能です。Template名前変換フォームJavaScriptがOFFのため、変換できません。byブログで夢小説!ユメミル?JavaScriptをオンにするとここに目次が表示されます。