テンプレートマニュアル

Novelテンプレートの特色

Novelテンプレートは、ブログ小説のためのテンプレートです。ブログ小説の読み辛さを解消し、可能な限り、ＨＰの小説サイト形式に近づけたテンプレートになっています。尚且つ限界まで作者さまの手間を省いたつくりになっていますので、ブログに慣れていない初心者の方でも、ごく簡単な初歩的な設定だけで、マイブログが小説サイト風に様変わりします。基本的な設定は管理画面だけで行いますので、HTMLやCSSの知識ゼロでもOKです。通常のブログ画面でもご覧いただけますが、ブログ小説を書くことを目的とされない方にとっては、なんだこりゃぁ　?!!(?_?)?!　のテンプレートですので、ご注意ください。

Novelテンプレートは五つの基本設定をして初めてHPサイト風にご利用できます。ご利用の際には、「利用規約」と「五の基本設定」を必ずご確認ください。

(1) トップページが表紙ページ

小説サイト風に、その表紙からメニューが選べます。

(2) Novel List

小説の第一話にユーザータグを設定することで、掲載している作品のタイトルと冒頭文、第一話と目次へのリンクが表示される作品案内ページ「NovelList」が 自動的 に出来上がります。　

(3) 目次が自動作成

　
わざわざ目次を作成しなくとも、作品別にカテゴリを設定し、一話一話にタイトルもしくは番号をつけるだけで、自動的 に作品ごとの 目次ページ が作成されます。
JavaScript有効時、目次は小説ページにも表示されます(疑似フレームタイプはサイド、それ以外は記事欄末尾に表示)。

(4) 小説関連ページではプラグイン（サイドメニュー）非表示

読みやすさを重視し、より小説サイト風にするために、主要なページからプラグインをはずしました。
プラグイン1とプラグイン2は通常ブログ画面・検索・月別アーカイブページ等で、プラグイン3は表紙のみ表示されます。JavaScript有効時、疑似フレームスタイルのテンプレートで、本文（個別記事）ページのサイドに表示されるのは、その小説の目次です。

(5) ページナビゲーション

関連リストを設定する事で、一話一話のページに、投稿時系列順の前後ページリンクだけでなく、同作品の前話・次話へのページナビゲーションが表示されます。

(6) サイトナビゲーション

ブログ中のどのページにも、表紙、NovelListなど主要なページへのナビゲーション（リンクボタン）が画面の上下など二箇所以上表示されます。読者がブログの中で迷子にならずにすみます。
サイトナビゲーションは親子カテゴリに対応したパン屑リストとしての機能も兼ねています。

(7) 小説とそれ以外のコンテンツの分類

表紙ページで小説以外のコンテンツを隠す、あるいは 分けて表示することができるので、より小説サイトっぽくなります。

(8) 校正・修正が容易

各ページにそのページ（記事） 編集 画面へのリンク [Edit] が二箇所ありますので、誤字脱字の訂正が手軽にできます。

(9) 衣替えが可能

スタイルシートを変更するだけでデザイン変更できます。（俗に言うお着替えテンプレート）
HTMLを変更すれば、同じデザインで夢小説用テンプレートやイラストリスト付き・一般用テンプレートに変更できます。
また、novel-PF・novel-PF2以外のテンプレートでは、小説本文ページのデザインレイアウトは二種類（固定幅中央表示か可変性全面表示）あり、（初期設定ではカテゴリ番号０の未分類のみ別レイアウト）カテゴリ別に表示を変更することもできます。

(10) 関連カテゴリもくじ一覧が表示

長編作品や一連のシリーズ作品などの場合、親子カテゴリを設定すると、目次ページと小説本文ページでは親カテゴリを同じくする兄弟カテゴリのタイトル、目次へのリンクが表示されます。そのカテゴリの作品を読み終えた読者が次章や関連作品をスムーズに読み進むことができます。
詳しくは　関連(カテゴリ)もくじ一覧の説明

(11) 総目次（親子カテゴリ対応サイトマップ）

JavaScript有効時、全記事一覧ページでは総目次として、全ての記事タイトルが自働的に作品(カテゴリ)別に分類整理されて表示されます。

(12) JavaScript無効時にも対応

ブログを力技？でHPサイト風にカスタマイズしたNovelテンプレートはJavaScriptを多用しております。JavaScriptが有効な状態で閲覧いただくことが望ましいですが、無効時にも対応した設定・表示になっております。有効時の表示とは多少の違いはありますが、閲覧に差しさわりはありません。

(13) 閲覧画面サイズ(解析度)に左右されないレイアウトとデザイン

基本的に全ページリキッドレイアウトなので、IE7以上であれば、縮小画面でも横スクロールが出現しません。
また、フルスクリーンの背景画像は、閲覧画面にあわせて自働調整されて表示されるので、ワイド画面のパソコンでも余白が出来ません。
記事やプラグインに投稿した画像も、画面に合わせて自動調整され、例え記事欄が狭いテンプレートに大きな画像を投稿してもIE7以上では、はみ出たり切れることなく表示できます。IE7以下の場合は、サイズオーバーの部分は表示されませんので、画像のせいでカラム落ちなど、テンプレートのレイアウトが崩れることもありません。

　Novelテンプレートは決してカスタマイズ向きのテンプレートではありません!
　初心者向きと謳っておりますが、それは、HTMLやCSSの知識がない方でも、管理画面の設定だけで小説サイトを構築できるように、予め、広範かつ強引なカスタマイズ（加工・改造）が施されているという意味であり、決して初心者の方がカスタマイズしやすいという意味ではありません。

シンプルに見えますが、構造は複雑で、下手に弄ると壊れますので、カスタマイズの際は、必ず、テンプレートマニュアルをご確認ください。
テンプレートマニュアルで解説している内容以外のカスタマイズは、HTMLやCSSおよびFC2ブログのカスタマイズに精通している方以外にはおススメできません。また、そうした個人的・自己流カスタマイズに関しては、サポートは出来かねますので、自己責任でお願い致します。

以上がNovelテンプレートのおおまかな特色ですが、それ以外にも下記の機能が標準仕様として全てのNovelテンプレートに実装されています。

Novelテンプレートその他実装機能

• 〔表紙ページ・目次〕最新記事・コメント・トラックバックに新着マーク 解説記事
• 〔表紙メニュー〕親子カテゴリ折りたたみ 解説記事
• 〔表紙ﾍﾟｰｼﾞ〕最近の更新スクロールバーの設置 解説記事
• 〔表紙ﾍﾟｰｼﾞ〕コメント・トラックバックの折りたたみ 解説記事
• 〔個別記事（小説本文）ﾍﾟｰｼﾞ〕作品（同一カテゴリ）の目次が表示 解説記事
• 〔全記事一覧ﾍﾟｰｼﾞ〕親子カテゴリー対応カテゴリー別タイトルリスト 解説記事
• 〔通常ﾌﾞﾛｸﾞ画面・検索ﾍﾟｰｼﾞ・カレンダーﾍﾟｰｼﾞ〕ﾍﾟｰｼﾞ番号リンクナビゲーション 解説記事
• 〔全ﾍﾟｰｼﾞ・サイトナビゲーション〕親子カテゴリー対応パン屑リスト

もし、このテンプレートを使ってみようと思われた方は、次ページの「利用規約」をご一読ください。

その上で、NovelList と 前話・次話へのページナビゲーション・目次 を自動作成するために、超簡単ではありますが、最初に設定していただくことがあります。難しいことではありません。菅理画面を開いて、ただ何回かクリックしてくださればそれでＯＫです。

「利用規約」のご確認後に、設定方法の説明「五の基本設定 これだけは絶対にして欲しいこと」 をご覧ください。

Novelテンプレート利用規約

この度はNovelテンプレートのご利用をご検討いただきありがとうございます。
ご利用の前にご一読くださいませ。

Novelテンプレートについて

Novelテンプレートは、FC2ブログ専用のものです。
その他のブログサービス、Webサイト等でのご利用はできません。

Novelテンプレートは初心者の方が手軽に小説サイトを構築できるように、予め、広範かつ強引なカスタマイズ（加工・改造）が施されています。一見シンプルに見えるデザインであっても、その構造は大変複雑です。カスタマイズは、個人で使用される限り、ご自由におこなっていただいても結構ですが、Novelテンプレートは決してカスタマイズ向きのテンプレートではなく、むしろ、下手に弄ると壊れますので、その点を充分ご留意ください。

「アクセス解析のタグを貼る」など、必用性の高い基本的なカスタマイズに関しては、テンプレートマニュアル内の記事でご説明して参りますが、それ以外の個人的なカスタマイズは自己責任でお願いいたします。

商用サイト・素材配布サイトでご利用の際は、ご連絡をお願いいたします。
（テンプレートやブログによっては、ご利用できない場合があります。ブログを確認させていただき、作品をお借りしている素材サイト様の利用規約に照らし合わせた上で、ご返答させていただきます。）

また、以下の「禁止事項」にあたるものはご遠慮下さい。

禁止事項

著作権は放棄していませんので著作権表示は外さないで下さい。
（例えHTMLからは削除しなくても、フォントサイズや文字色の不正な改変も当然禁止。）

衣替え以外の画像の変更は原則不可とさせていただきます。

Novelテンプレートの再配布（共有テンプレート登録含む）、営利目的のご利用はお断りします。

アダルト、法律違反サイト、並びに違法・不法行為を肯定・助長・唆すような記事内容のサイトは使用不可です。

※画像をお借りしている素材サイト様の利用規約に反する恐れがあるため、Novelテンプレートは、アダルトジャンルブログには非公開とし、DLできない設定にしています。

但し、年齢制限のある小説を公開していても、アダルトジャンルに登録しておらず、また、サイト内に営利系アダルトコンテンツへの宣伝リンク（出会い系含む）が一つもない場合には、使用可です。

以前は画像なしの一部のテンプレートをアダルトジャンルブログに公開しておりましたが、現在は全て非公開にしています。アダルトジャンルに登録しているブログで、Novelテンプレートの御利用を希望の場合はご連絡ください。ブログを確認させていただき、サイト内に営利系アダルトコンテンツへの宣伝リンク（出会い系含む）が一つもなく、なお且つ卑猥な実写画像の掲載のないテキストサイトの場合は、折り返しご連絡させていただきます。

尚、広告を目視で判別できないような極小文字に不正に改変するなど、
FC2ブログ規約を順守できない方の御利用もお断りいたします。

＊上記規約は事前の通知・承諾無く、変更を行うことがあります.

お願いなど

何分初心者にケが生えたようなレベルの管理人がつくったテンプレートですので、
至らない点も多いと思いますが、不具合報告・ご質問などは
コメント欄から御願いいたします。

ブログに慣れていない方でも、簡単に小説サイトを運営できるようにと作成した
Novelテンプレートですので、初心者の方にもわかりやすいようにと解説記事を
用意いたしましたが、カスタマイズの御手伝いは基本的には記事でご紹介した
内容に限定させていただきます。
解説記事でご紹介したカスタマイズ以外の個人的なデザイン変更の御手伝いはご容赦くださいませ。

また、記事でも取り上げていないような、カスタマイズ以前の余りにも初歩的な
ご質問は、ご遠慮ください。
Novelテンプレートは、五つの設定さえしてくだされば、初期設定のままでも
充分小説サイトとして機能するテンプレートですので、解説記事の内容が
ご理解できない方は、カスタマイズはなさらず、そのままご利用ください。

拙宅は初心者向けのブログ小説専用のテンプレート作成・配布サイトでありますが、
初心者向けのハウツー系サイトではございませんので、そこのところを
ご理解くださいますよう御願い申しあげます。

感謝

初めてのテンプレート作成にあたり、何もわからない管理人にご助力くださった、
「BeugeHeart_べーじゅのこころ」のChakoさま、
ご考案のプラグインをNovelテンプレートで使用することを快くお許しくださった
「ＦＣ２ブログのテンプレート工房」のいたお様、
「Harmonia!!」のちよろ様、
「hatena chips」のhatena様、
「ブログで夢小説！ユメミル？」の柚木様、
「空があんなに高い」のどんぱん様、
便利で有用な機能のソース・スクリプトをフリーユースで公開してくださっている
「FCafe」 のdaniel様、
「Ｅ－テンプレート」のエリラハ様、
「Harukiya Archives」様、
ブログ小説専用テンプレート作成の先達であり先駆者であられる
「ブログで小説」の麻生様、
「彼此ともつかぬ場所」のGB様、
美しい作品を素材として提供くださった
「薔薇素材～Mako's」様、
「Sweety」様、
「EGP」様、
「風のおひるね」様、
「p-fan.net」様、
「双子屋工房」様、
「MiraclePage」様、
「ゆんフリー写真素材集」様、
「Fiore 」様、
「White Board」様、
「アルカディア 」様、
「Pearl Box」様、
「空彩 」様、
「写真素材無料壁紙 」様、
「素材の小路 」様、
「Lancorvel 」様、
「異国情緒あふれる写真と旅行記|KaycomDESIGN 」様、
「Aaron'sTools 」様、
「STAR DUST 」様、
「Cool Wallpaper World 」様、
「Petit Sozai emi」様、
「亡き王女のための研究室」様、
「ふわふわ。り」様、
「無料 風景・写真 素材／AMI Lab.」様
「Azusa 」様
「まうし堂 」様
「無料壁紙写真素材集/自然と風景 」様
「十五夜 」様
「もずねこ 」様
「The Inspiration Gallery」様
「見て知って北海道」佐藤敏幸様

皆様へは心から御礼申し上げます。

今後Novelテンプレートの作成を続ける限り、ご助力・ご協力を賜った方のお名前はふえてゆくことと思います。お名前を挙げさせていただいた方も、そうでない方も、お世話になった、全ての皆様のお力と才能をご尊敬申し上げると共に、そのご厚情とご寛容さには感謝の念に堪えません。
皆様のご助力なくては、スキルもクリエイティヴな才能もない管理人がＮｏｖｅｌテンプレートを作成することは叶いませんでした。
本当にありがとうございました。

最後に

管理人はオンライン小説のファンです。
ブログ小説の読みつらさは、本当にオンノベファン泣かせでありましたので、
ブログに慣れていない作者のみなさまにとっても、
小説を読みに訪れる読者の方にとっても、
双方に歓迎される便利なテンプレートをつくりたいと思って
Novelテンプレートをつくりました。

みなさまのオンライン小説ライフを
Novelテンプレートが、少しでもお手伝いをできますことを、
心より願っております。

Novel テンプレート　管理人

　Novelテンプレートをご利用の際には必ず利用規約ご確認ください。

これだけは絶対にして欲しいこと

Novel テンプレートは、次の五つの設定をして初めて小説サイト風になります。
とても簡単ですので設定をお忘れなく。

2013.2.18.追記

もしかしたら、パソコン初心者の方にとっては管理画面の設定だけと云えども簡単とは思えないかもしれません。しかし、この設定をしなければ小説サイトとはならず、そして、どんなに面倒に思えても、普通のテンプレートを小説用にカスタマイズする作業に比べたら、遥かに簡単なのは確かなのです。この基本設定さえ間違えなければ、後は小説を記事としてアップしていくだけで、貴方の小説サイトが完成します。
面倒な設定は最初だけなので、がんばってやり遂げてくださいませ～！

１．小説のタイトルをカテゴリ名にして分類する

Novel テンプレートはカテゴリ名＝（イコール）作品名として設定する事で目次や表紙のメニュー,前話・次話へのナビが自動的に作成されます。
同じ作品は必ず、同じカテゴリに分類してください。

設定の方法

【 新しく記事を書く 】、もしくは、【 過去の記事の管理 】で後からでも編集できます。
画面を開くと、タイトルのすぐ下に［ カテゴリ］欄があると思います。ここに何も記入しないとその記事は未分類となりますが、Novel テンプレートでは未分類は表紙ページに表示されません。

カテゴリ欄を作品のタイトルに設定、初めての場合は記入して
【追加】⇒【更新】をクリック

余力がある方へオススメ

目次ページに表示できる記事件数の上限は(2013.1１月現在) 30件 50件 ですので、30話を超える作品の場合、目次が複数ページで表示されます。これを避けるため、30話を超える長編作品は、章ごとにカテゴリを別にした上で、親子カテゴリ設定にすることをおすすめします。
また、掲載作品が多く、表紙メニューがメインカラムより長くなる程カテゴリの数が多いブログも、そのままでは、見栄えも悪く、読者も作品を選び安いとは言えません。読者が選ぶ目安となるような、作品のジャンルや形態(長編/短編・完結/連載中・恋愛/ミステリー等)ごとにまとめた親子カテゴリの設定がおススメです。
親子カテゴリ設定については コチラ

Novelテンプレートのつくり

１.ページの種類

Novelテンプレートは全部で９種類のページでつくられています。
（サムネイルもしくはページ名をクリックすると別窓で実際のページが開きます。）

(1-1)表紙ページ

表紙ページの各パーツの詳しい説明はコチラ

(1-2)NovelList～小説一覧ページ～

NovelListの各パーツの詳しい説明はコチラ

(1-3)小説目次ページ

「五つの基本設定」の一つ、カテゴリ別の記事の表示順序を古い順、表示件数を30件 50件に設定することで、上のような目次が自動的に出来上がります。
但し、(2013.11月現在)表示できるのは１ページに50件（50話分）までなので、50話を超える長編作品などの場合は、章に分け、親子カテゴリを設定なさるのがおススメです。

小説タイトルを親カテゴリ、章タイトルを子カテゴリに設定すれば、子カテゴリ（章）の上に親カテゴリのタイトル（作品名）が表示され、クリックすると親カテゴリ子カテゴリを含めた作品全体の目次をご覧になれます。
詳しくはコチラ

30話を超える長編作品などの場合、親子カテゴリを設定していれば、親カテゴリを同じくする作品の目次リンクが関連目次として表示されます

(1-4)小説本文(個別記事）ページ

「五つの基本設定」の「３．同作品、前話・次話へのページナビゲーションを関連リストで表示させる」を設定することで、小説の前話・次話へのナビが表示されます。

ページ内の前話・次話ナビの下、もしくはサイドメニューには、30話を上限とした同カテゴリ（作品）の記事タイトルが目次として表示されますが、ヘッダー部の小説タイトルをクリックしても目次ページが開きます。

また30話を超える長編作品などの場合、親子カテゴリを設定すれば、記事欄末尾に親カテゴリを同じくする関連作品の目次リンクが表示されます。

(1-5)～All Titlelist～全記事一覧ページ（親子ｶﾃｺﾞﾘ対応ﾀｲﾄﾙﾘｽﾄ

全ての記事のタイトルが、JavaScriptが有効時は作品別（カテゴリ別）に表示され（左図）、
無効時は更新順に表示されます（右図））。

JavaScript 有効時

JavaScript 無効時

改訂版ではサイドメニューにカテゴリリストが表示されます。メニューのカテゴリタイトルをクリックすると、有効時はページ内の該当カテゴリに、無効時はそのカテゴリ別の目次へ飛びます。

(1-6)通常ブログ画面

(1-7)月別アーカイブページ

改訂版ではヘッダー部分もしくはサイドメニューにカレンダーと月別アーカイブを選べるプルダウンメニューが表示されます（左図）。

改訂版

改訂以前のスタイル

上部にその月に更新された記事のタイトル一覧が並び、下には、それぞれの記事の冒頭部分が表示されます。
久しぶりに訪れた読者も、スクロールしながらさわりの部分（冒頭部分）を次々に読む事で、どこまで読んだかの記憶を呼び起こすことができます。
但し、ブログ開設時、月別アーカイブページの記事表示数は１件に設定されていますが、それでは更新履歴として意味を成しませんので、上限の30件に変更しておきます。設定変更はとても簡単です。
詳しくはコチラ

(1-8)検索ページ

改訂版ではヘッダー部分もしくはサイドメニューに検索フォームが表示されます（左図）。

改訂版

改訂以前のスタイル

(1-9)コメント編集ページ

パスワードを入力して投稿したコメントは、投稿後に編集することができます。
コメント欄の投稿者名横の[Edit]をクリックすると編集画面が開きます。

Novel テンプレートは、五つの基本設定さえしていれば、ただ記事（小説）を書いていくだけで小説サイトっぽくなるテンプレートですが、ＤＬ時の初期設定ではあきたらない方、もう少し手を加えて、自分ナイズにカスタマイズしたい方のために、次ページ以降では、Novel テンプレートの簡単で具体的なカスタマイズの方法も紹介してゆきます。

記事中、設定とあるのは、基本的に菅理ページからの操作だけで変更可能な単純な設定の変更のことですが、記事中で、カスタマイズとあるのは、テンプレートの中身、つまり、ＨＴＭＬとスタイルシートの一部分を書き換えることを指します。

ご紹介するのは、原則コピペして差し替えるだけの作業としては単純なカスタマイズですが、一行ですむような個所の変更もあれば、コピペとはいえ、かなり長いソースを変更するケースもあります。ブログのカスタマイズに慣れていない方の場合は、失敗をしても安心なように、カスタマイズの前にテンプレートのコピーをとっておくことをおススメします。
わざわざパソコンのドキュメントに保存しなくても、菅理ページで簡単にコピーを保存しておけるので最初にそれをご説明します。

コピーはオリジナルのテンプレート名の末尾に _１とコピー番号が連番でついてゆきます。コピー後のテンプレートの名前が連番の _１も含めて20文字以内でなければコピーができないので、それを超える場合には、コピーの前にまず、テンプレートの名前を変更しなければなりません。（Novelテンプレートは元々の名前がどれも長ったらしくて、申しわけありません。＜m(__)m＞）

テンプレートの名前の変更方法

［菅理画面］⇒［環境設定］⇒【テンプレートの設定】をクリックして
［テンプレートの管理］ページを開く

例えば、【 novel-template-sepia】の名前を変更する場合は、

変更するテンプレートの名前【 novel-template-sepia】の欄の
【 編集 】 をクリック

このように表示されます。　↓
[ novel-template-sepia ] のテンプレート名変更

novel-template-sepia

【 更新 】

名前を template-sepiaと変更します。
（注意：使用できる文字は半角英数字およびハイフン（-）アンダーバー（_）のみ・20文字以内）

template-sepia

【 更新 】

変更する名前【 template-sepia】を記入して
【 更新 】 をクリック

このような表示がでればＯＫ　↓
novel-template-sepiaの名前を変更しました。
template-sepiaのHTML、CSSを更新しました。

コピーと保存の方法

［菅理画面］⇒［環境設定］⇒【テンプレートの設定】をクリックして
［テンプレートの管理］ページを開く

PCテンプレート [ template-sepia ] 適用中

【適用 】	テンプレート名/プレビュー	ﾌﾟﾗｸﾞｲﾝ　 対応	HTML　 CSS	複製	削除
■	template-sepia	〇	編集	複製

上のようなリストがあると思います。他のテンプレートをＤＬした事がある場合は、そのテンプレートもリストに並んでいます。

template-sepia　の欄にある　【 複製 】をクリックします。

するとこのような表示がでます　↓ 　
template-sepia_1を追加しました。
　

【適用 】	テンプレート名/プレビュー	ﾌﾟﾗｸﾞｲﾝ　 対応	HTML　 CSS	複製	削除
■	template-sepia	〇	編集	複製
〇	template-sepia_1	〇	編集	複製	☓

リストにコピーが追加されました。
これでもし、オリジナル（template-sepia）のカスタマイズに失敗しても、カスタマイズ前の状態のテンプレート（template-sepia_1）がそのまま残っているので安心です。カスタマイズして失敗した場合は、テンプレートをこのコピーに差し替え（取り替え）ます。

テンプレートの差し替え方

カスタマイズの失敗などで、現在表示されているブログ画面に乱れが生じた場合などはカスタマイズ以前の状態のコピーにテンプレートを差し替え（取り替え）ます。

【 template-sepia_1 】の欄の
【 〇 】をチェックして【 ◎ 】 にしたら、
【 適用 】をクリックします。

【適用 】	テンプレート名/プレビュー	ﾌﾟﾗｸﾞｲﾝ　 対応	HTML　 CSS	複製	削除
■	template-sepia	〇	編集	複製
◎	template-sepia_1	〇	編集	複製	☓

この表示がでればＯＫです。　↓
PCテンプレート [ template-sepia_1] 適用中

【 適用 】	テンプレート名/プレビュー	ﾌﾟﾗｸﾞｲﾝ　 対応	HTML　 CSS	複製	削除
〇	template-sepia	〇	編集	複製	☓
■	template-sepia_1	〇	編集	複製

ブログの画面が、カスタマイズ以前の乱れのない状態に戻っているか確認しましょう。
もし、もどっていない場合は、ブラウザの更新ボタン（アドレスの横にある矢印）を
クリックしてください。
画面が更新されて、差し替えたカスタマイズ以前のテンプレートでの表示に戻るはずです。

カスタマイズを続ける場合は、もう一度同じ手順で、今度は、template-sepia_1のコピーをとります。

template-sepia_1　の　【 複製 】をクリック

この表示がでたらＯＫ　↓
template-sepia_1_1を追加しました。

【 適用 】	テンプレート名/プレビュー	ﾌﾟﾗｸﾞｲﾝ　 対応	HTML　 CSS	複製	削除
〇	template-sepia	〇	編集	複製	☓
■	template-sepia_1	〇	編集	複製
〇	template-sepia_1_1	〇	編集	複製	☓

☆　　Novel テンプレートはカテゴリ名＝（イコール）作品名として目次も表紙のメニューも自動作成しています。一番最初の五つの基本設定をお忘れなく！ 　

表紙ページ

各ページの各パーツごとに説明します。

　ダウンロード時の状態（標準仕様･初期設定）

これがＮｏｖｅｌテンプレートのダウンロード時のスタイル（標準仕様･初期設定）です。

ヘッダー

① ブログのタイトル　② ブログの説明
ブログのタイトルや説明を変更する場合

菅理ページから［環境設定］⇒【環境設定の変更】を開いて、
［ブログの名前］［ブログの説明］の内容を変更してから
【更新】をクリック

※ブログのタイプによっては、ブログの説明が以下のように表示されます。

オンライン小説サイトブログの名前へようこそ！
By オーナーの名前

変更する場合は こちら

③ サイトナビゲーション
各ページ共通。サイトナビゲーションについては こちら
④ 菅理ページへのリンク
各ページ共通。　　 *Admin　⇒菅理ページトップ　
　　　　　　　　　　　　*Write　　⇒新しく記事を書く　
　　　　　　　　　　　　*Edit　　  ⇒過去の記事の菅理　へそれぞれリンク

表示されているブログの管理画面を開くことができるのは、そのブログのオーナー(管理者)の方だけです。
オーナーがログインしている場合は、直接ページが開き、そうでない場合はログイン画面が表示されます。
クリックするのが、ログインしているFC2ブログオーナーであれば、その方御自身のブログの管理画面が表示されますが、そうでない場合はログイン画面が開きます。

表紙メニュー

⑤ Novel Listへのリンク　Novel Lisについては こちら
⑦ 小説タイトル（カテゴリ名）
カテゴリ名が小説タイトルとして表示されます。小説以外のカテゴリをつかう場合は こちら
⑧ 小説以外のメニュー
ＤＬ時の初期設定ではAllArchivesと通常ブログ画面へのリンクボタンがあります。
不要な場合は こちら
⑪ プラグイン３
プラグイン３のコンテンツが表示されます。設定の説明は こちら

表紙左カラム

⑥ フリースペース　
案内文を変更する場合は こちら。
⑨ 最新記事
表示記事の順序・件数の設定は こちら
⑩ 月別アーカイブ
久しぶりに訪れた読者が以前どこまで読んだかを確認できます。詳しくは こちら
⑫ 最新コメント
表示記事の順序・件数の設定は こちら
⑬ 最新トラックバック
上に同じ

フッター　（全ページ共通）

⑭ サイトナビゲーション
⑮ Novelテンプレートへのリンク
フッター部分はFC2広告・素材提供サイト（MATERIAL)と共に削除不可です。

☆　　Novel テンプレートはカテゴリ名＝（イコール）作品名として目次も表紙のメニューも自動作成しています。一番最初の五つの基本設定をお忘れなく！ 　

　カスタマイズの難易度２

ブログの説明（サブタイトル）を変更する

※テンプレートのタイプによっては、ブログのタイトルの下にサブタイトルが以下のように表示されています。

オンライン小説サイトブログの名前へようこそ！
By オーナーの名前

変更する場合はカスタマイズが必用です。文字を装飾したり、絵文字などを使う場合は、別窓で、［新しく記事を書く］画面を開いて記事と同じ様にツールをつかって作成しておくとよいでしょう。あとはそれをコピペして該当する箇所に貼るだけです。

　カスタマイズの難易度０…案内文が100125文字以内の場合
　カスタマイズの難易度２…100125文字を超える場合

案内文の変更

表紙ページ、フリースペースの「ご案内」に表示されるブログの説明文は簡単に変更することができます。年齢制限、入室後の苦情お断りなど注意書きを追加することができます。

ＤＬ時の初期設定

2009.4月以降にＤＬなさったテンプレートの場合は

ブログの説明<%introduction>が表示されます。

<%introduction>とはブログ開設時に100文字以内で設定した、公式？なあなたのブログの紹介説明です。たとえば、拙宅Novelテンプレートブログの場合の、カスタマイズ以前の状態でプレビューさせると<%introduction>は以下のように表示されています。

ご案内
ブログ小説専用のテンプレートを作成・配布中。ＦＣ２ブログのテンプレートを、どこまで手間いらずでＨＰの小説サイト風に　アレンジ、カスタマイズできるか挑戦したテンプレートです。

　カスタマイズの難易度０…カスタマイズ不要・管理画面で設定変更するだけでＯＫ

最新記事一覧の設定

［novel-templateタイプ］では表紙メイン（左）カラム、［novel-10タイプ］ではサイドカラムに表示されます。最近の記事（最新記事一覧）の表示順序と表示件数は簡単に変更できます。

設定の方法

菅理画面を開いてください。
左側のメニューから ［ 環 境 設 定 ］ ⇒ 【 環境設定の変更 】 をクリック
開いた画面の一番上 ［ 環 境 設 定 ］　⇒【 ブログの設定 】 ⇒ 【 記事の設定 】 をクリック

［ 記事の設定 ］の［ 最新記事一覧 ］
【 表示件数(1～30件　50件) 】に表示したい件数を記入し、
［ 表示順 ］は【 新しい順 】にして　【 更新 】をクリック

これだけでOKですが、不要に長い表紙ページはオンノベファンに敬遠される傾向にあるので、折りたたみになっていない［novel-templateタイプ］の場合は、表示件数は10件以内にしておきましょう。2009.5.15.改訂。novel-templateタイプのテンプレートの「最近の更新」にスクロールバーを設置。表示件数の多少に関わらずコンパクトに表示されるようになりました。この画面で、他の表示順も簡単に変えられますが、
「これだけは絶対にしてほしいこと」でご説明した通り、
カテゴリの記事の表示順は古い順で変更不可です。

他のページの記事の表示順に関しては こちら

72時間以内に更新された記事については記事ﾀｲﾄﾙの横に新着マーク（New)がつきます。
新着マークの変更については こちら

　カスタマイズの難易度０…カスタマイズ不要・管理画面で設定変更するだけでＯＫ

表紙左カラム　最近のコメント・トラックバックの設定

［novel-templateタイプ］では表紙メイン（左）カラム、［novel-10タイプ］ではサイドカラムに表示されます最近のコメントと最近のトラックバックの表示順序と表示件数は簡単に変更できます。

以下は表紙ページに表示されるコメント・トラックバックは最新のものが並び、個別記事ページのコメントは上から古い順に並ぶ設定にする場合です。

不要に長い表紙ページはオンノベファンに敬遠される傾向にあるので、折りたたみになっていないテンプレートの場合は、表示件数は10件以内にしておきましょう。

　カスタマイズの難易度０…カスタマイズ不要・管理画面で設定変更するだけでＯＫ

表紙メニュー　プラグイン３の設定

表紙メニュー にプラグイン３を表示させる

Novelテンプレートでは、表紙メニューに【プラグイン３】のコンテンツが表示される設定になっています。けれども、ＦＣ２ブログ開設時の初期設定では、［最新記事］［最新コメント］など公式プラグインは全てプラグイン１とプラグイン２に表示される設定になっていますので、プラグインの設定をいじっていない場合、NovelテンプレートをDLしても、プラグインは全て【通常ブログ画面】のサイドメニューで表示されているはずです。
通常のブログ画面ではなく、表紙ページに表示させたいコンテンツがある場合は、プラグイン３に移行する必要があります。

ブログにカウンターを表示させるためには、ＦＣ２カウンターに登録する必要があります。カウンターの登録、設置に関しては「初心者でもできる簡単ＦＣ２ブログの作り方」さまの以下の記事をご参照ください。
ＦＣカウンターの登録
ＦＣカウンターの設置


アクセスカウンターをプラグイン３で表示した場合、カウントされるのは表紙ページの来訪者だけです。全てのページの来訪者をカウントしたい場合は、HTMLの指定された個所にアクセスカウンターのタグを貼りつけてください。
　　　詳しくは　　アクセスカウンターを全ページカウントする

設定の方法

菅理ページから［環境設定］⇒【プラグインの設定】をクリックして
［プラグインタイトル］ページを開く。
［ＰＣプラグイン］のリストの
〔▼プラグインカテゴリ１〕〔▼プラグインカテゴリ２〕の中から
【プラグイン３】に移行させたいプラグインを探す。見つけたら、

その欄にある 【 カテゴリ 】 を
【 ３ 】に変更して 【 設定 】 ボタンをクリックする。

リストの下の〔▼プラグインカテゴリ３〕にそのプラグインが移行しているか確認する。
（注意：一度に複数のプラグインを同時に移行させることはできません。）
これだけでプラグイン３コンテンツが表紙メニューに表示されるようになります。

　カスタマイズの難易度１

表紙メニューカスタマイズ３．
小説以外のコンテンツを表紙メニューに追加する

注意書きや雑記・拍手のレスなど、小説タイトルと一緒にして並べるには不適切だけれども、表紙メニューには表示させたいコンテンツがあるとします。Novelテンプレートには予め、追加する新コンテンツのためのメニューボタンが埋め込んでありますから、前後のタグを削除するだけで簡単にそれらを独立したコンテンツとして表紙メニューに表示させることができます。

こんな風になります↓

　カスタマイズの難易度１

表紙メニューカスタマイズ４．
初期設定のメニューから不要なコンテンツを削除する

初期設定でメニューに並んでいる【All Archives（全記事表示）】と【通常ブログ画面】は、画面の上と下に設置されているサイトナビゲーションの中にもリンクボタンがあります。
メニューには不要であれば削除してください。
（2009.5.19.表紙メニューのAll Archives は All Titlelistに名称を変えています。）

　カスタマイズの難易度０…カスタマイズ不要・管理画面で設定変更するだけでＯＫ

☆　　Novel テンプレートはカテゴリ名＝（イコール）作品名として目次も表紙のメニューも自動作成しています。一番最初の五つの基本設定をお忘れなく！ 　

30話　50話　を超える長篇小説の場合

カテゴリ別の記事件数を正しく設定しても、目次ページで１ページに表示できる件数は(2013.1１月現在) 30話 50話 までです(携帯・スマホページは10件)。全体の話数が50話を超える作品の場合は、目次は複数ページに及んでしまいます。長篇小説などで、話数が膨大な作品の場合は、一章づつ、別のカテゴリにわけることをおススメします。

親子カテゴリの設定をすれば、親カテゴリである作品のタイトルをクリックすると作品全体の目次に、子カテゴリである一章のタイトルをクリックするとその章の目次にゆけます。

掲載作品が多くカテゴリの数が多い場合

また、掲載作品が多く設定したカテゴリの数が多いブログでは、通常のカテゴリ設定だけでは、表紙メニューに作品タイトルがずらっと並ぶことになります。その結果、サイドメニューがメインカラムより長くなってしまうのは見栄えも悪く、なにより読者にとっては、タイトルだけが並んだリストは、作品を選びやすいとは言えません。

親子カテゴリの設定をすれば、JavaScript有効時、表紙メニューには、親カテゴリと(子カテゴリを持たない)単独カテゴリだけが表示され、親カテゴリタイトルをクリックするとそのカテゴリに属する子カテゴリタイトルが開示されます。

例えば、連載中・完結や長編・短編、あるいは青春・恋愛・ミステリー・ファンタジーなど、作品のジャンルや長さ・舞台設定に応じて作品を分類し、親子カテゴリ設定をすれば、表紙メニューも無駄に長くはならず、読者にとっても作品を選ぶいい目安になるのでおススメです。

Novel List

Novel テンプレートは 【 五つの基本設定 】さえＯＫなら、後は記事を書くだけで自動的にこのNovel Listも作成されてゆきます。まだチェックしていない方は必ずご確認ください。

五つの基本設定の 【 NovelListの設定 】でも説明しましたが、NovelListはユーザータグを利用して作成しています。このユーザータグ【*】をつける記事は一つの作品につき、一つだけです。同じ作品の複数の記事にこのタグをつけてしまうと、NovelListに同じ作品のタイトルが重複して表示されてしまいますのでご注意ください。

　カスタマイズの難易度０…カスタマイズ不要・管理画面で設定変更するだけでＯＫ
☆　　Novel テンプレートはカテゴリ名＝（イコール）作品名として目次も表紙のメニューも自動作成しています。一番最初の五つの基本設定をお忘れなく！ 　

目次ページ　表示件数の設定

Novelテンプレートの目次ページはカテゴリの機能を生かして自動作成されます。
くれぐれも、最初の五つの基本設定をお忘れなく！

１．小説のタイトルをカテゴリ名にして分類する
２．カテゴリ別記事の表示順を　古い順 　へ変更

特に、上の設定を忘れていると目次が目次として成り立ちませんのでご注意ください。

また、72時間以内に更新されたページ（記事）については記事ﾀｲﾄﾙの横に新着マーク（New)がつきます。新着マークについての詳細は こちら

目次ページの表示件数

目次ページに表示できるのは、(2013.1１月現在) 1ページにつき30件　50件　までです。
ブログ開設当初の設定は10件なので、まだ変更していない場合は変更しましょう。

設定の方法

菅理画面を開いてください。
左側のメニューから ［ 環 境 設 定 ］ ⇒ 【 環境設定の変更 】 をクリック
開いた画面の一番上 ［ 環 境 設 定 ］　⇒【 ブログの設定 】 ⇒ 【 記事の設定 】 をクリック
開いた画面の　［ 記事の設定 ］の［ 記事(カテゴリ別) ］の［ 表示件数(1～50件) ］を

初期設定の【 10 件】から　【50 件】へと変更して
【 更新 】をクリック

　カスタマイズの難易度１

目次ページ　番号タイトルの場合は横並び目次に変える

NovelテンプレートのＨＴＭＬの中にはあらかじめ、三種類のソースが書き込んでありますので、不要なソースを隠すことでお好みのスタイルの目次にできます。サンプル こちら

①縦ならび目次（一話ごとにサブタイトルをつける場合）

ＤＬ時の初期設定では下のようになっていると思います。

2009.5.19追記

全記事一覧ページ（All Archives)を、以前の更新順ではなく、カテゴリ別に表示される仕様に改訂致しました。(それにともない表紙メニューの名称もAll Titlelistに変更)
改訂後のテンプレートの全記事一覧ページは、記事総数500件　100件　以内であれば、ＤＬ時の初期設定のままでも、１ペー以内に全ての記事タイトルがカテゴリ別に表示されています。
親子カテゴリにも対応しており、親子カテゴリを設定した長篇作品の目次としても活用できますので、特定のカテゴリだけを選んで表示させたい場合、あるいは特定のカテゴリを非表示にしたい場合以外は以下のカスタマイズは必要ありません。

2012.6.29追記

親子カテゴリ設定をしていない50話を超える作品の目次を１ページで表示させるカスタマイズはコチラ

　カスタマイズの難易度４

全体（長篇）の目次を１ページでつくるカスタマイズ

このカスタマイズは、【ＦＣ２テンプレート工房】 の管理人 いたお さま考案のサイトマップのソースを丸ごとお借りしております。以下の記事を参考にさせていただきました。

ブログのサイトマップの作り方
ナビゲーション付きブログサイトマップ
ブログサイトマップの記事表示順序を逆(古い順)にする

カテゴリ別に自動作成される目次が欲しくて欲しくて、でもなかなかみつからなくて、ぐぐりまくって、ネットサーフィンしまくって、やっとたどりつけた超優れもののサイトマップソースです。
もう、すばらしく便利です。
いたおさま、ありがとうございました！

目次ページとしてご説明して参りましたが、実は、このページは全記事一覧ページ（タイトルエリア）のカスタマイズになります。ですからこの長篇目次をブログでつかう場合は下の全記事一覧ページのソースを差し替えることになります。

以下は［novel-template タイプ］のテンプレートで1ﾍﾟｰｼﾞ目次をつくるときのカスタマイズです。
［novel-10 タイプ］とは若干の違いがありますので、お間違えのないようにご注意ください。
［novel-10 タイプ］の１ﾍﾟｰｼﾞ目次のカスタマイズは こちら

2009.5.19追記

2005.5.12.全記事一覧ページ（All Archives)を、以前の更新順ではなく、カテゴリ別に表示される仕様に改訂致しました。(それにともない表紙メニューの名称もAll Titlelistに変更)改訂後のテンプレートの全記事一覧ページは、ＤＬ時の初期設定のままでも、下記の長篇用の１ページ目次のように、記事の総数が　500件　100件　を超えない限り、１ペー以内に全ての記事タイトルがカテゴリ別に表示されています。親子カテゴリにも対応しており、親子カテゴリを設定した長篇作品の目次としても活用できますので、特定のカテゴリだけを選んで表示させたい場合、あるいは特定のカテゴリを非表示にしたい場合以外は以下のカスタマイズは必要ありません。

2012.6.29追記

親子カテゴリ設定をしていない50話を超える作品の目次を１ページで表示させるカスタマイズはコチラ

☆　カスタマイズの前にはコピーをとりましょう！コピーのとり方は こちら 　

　注意

繰り返しになりますが、親子カテゴリ対応タイトルリストを導入し、尚且つ、表紙メニューで親子カテゴリ折りたたみスクリプトを導入した改訂版のＮｏｖｅｌテンプレートで以下のカスタマイズは必要ありません。親子カテゴリ対応ﾀｲﾄﾙﾘｽﾄに関係なく表紙メニューをカスタマイズなさる場合にのみ、ご参考にしてください。

2012.6.29追記

親子カテゴリ設定をしていない30話を超える作品の目次を１ページで表示させるカスタマイズはコチラ

記事本文は折りたたんでありますが、一応読んでみる方はここをクリックしてください

サイトナビゲーション

Novelテンプレートでは初回の訪問者も迷わないように、全てのページの上下にサイトナビゲーションがついています。ＤＬ時の初期設定は以下の通りです。

◆Index	その小説の目次ページ
◆HOME	表紙ページ（ブログトップページ）
◆Novel List	NovelList（小説一覧ページ）
◆All	AllArchives(全記事一覧ページ）
◆通常ブログ画面	最新記事が冒頭に表示される通常ブログページ
▲PageTop	開いているページの冒頭にもどる

小説本文が表示される個別記事ページとその他のページでは若干仕様が異なります。

サイトナビゲーション①その他のページ画面上ナビ

◆HOME ◆Novel List◆All◆通常ブログ画面

サイトナビゲーション②個別記事ページ記事上ナビ

◆Index ◆HOME ◆Novel List◆All◆通常ブログ画面

サイトナビゲーション③個別記事ページ記事下ナビ

◆Index ◆HOME ◆Novel List◆All◆通常ブログ画▲PageTop

サイトナビゲーション④その他のページ画面下ナビ

◆HOME ◆Novel List◆All◆通常ブログ画面▲PageTop

サイトナビゲーション⑤個別記事ページトラックバック下

◆HOME ◆Novel List◆All◆通常ブログ画面

ナビゲーションのリンクを変更する場合は次ページをごらんください。

　カスタマイズの難易度３

サイトナビゲーションの変更

表紙メニューに新設した新しいコンテンツをサイトナビゲーションにも追加したい場合はＨＴＭＬのサイトナビゲーションのソースを変更する必要があります。前ページで説明したように、サイトナビゲーションは全部で５種類ありますテンプレートのタイプによって違いますので、全てを変更するのか、それとも一部だけを変更するのか、それぞれのケースに合わせてカスタマイズしてください。

　　カスタマイズの難易度０…カスタマイズ不要・管理画面で設定変更するだけでＯＫ

Novelテンプレートにおけるページナビゲーション（Next・Back/ 前ページ・次ページ）は、記事の表示順序が以下のように設定されている事を前提にしています。

表紙ページの最近の更新	一番新しい記事が一番上（新⇒古順）
作品目次ページ	書かれた順番（古⇒新順）
All Titlelist（全記事一覧ページ)	書かれた順番（古⇒新順）
通常ブログ画面	一番新しい記事が一番上（新⇒古順）

一番最初の基本設定で、カテゴリ別の記事の表示順序はもう設定済みであると思いますが、カテゴリ別以外の表示順序も上の設定にあわせて変更してください。

黒背景テンプレートのご要望を頂戴いたしましたが、申請、承認まで時間がかかりそうですので、既存のテンプレートを応急処置的に黒くする方法です。（あくまでご要望にお応えしての応急処置策でありまして、管理人が推奨するものではありません。）

スタイルシートの編集をします。
画面全体（body)の背景色を黒に、文字色を白にするために、以下のように変更します。

body {
font-family : "Times New Roman", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka",sans-serif; text-align : center;
line-height : 150%;
font-size : 85%;
color : #ｆｆｆ;
background-color : #000;
}

color　は文字色の指定、background-color　が背景色を意味し,#fffは白、#000　は黒のカラーコードです。
これで、特別の指定がない箇所は背景色が黒、文字色が白になったはずです。
全体の背景色は黒になりましたが、個別に背景色を指定してある箇所はその指定された色のままですので、次に、その個別に背景色を指定してある箇所のカラーコードを変更します。

background-color : #ｆｆｆ　

スタイルシートの中から上のように記された箇所を見つけて、
白のカラーコード #ｆｆｆから
黒のカラ－コード #000 に変更してゆきます。

背景色を黒に変更したことで、文字が見えなくなってしまった場合は文字色も指定しなおす必用があります。

color : #ｆｆｆ　

コンテンツ、ヘッダー、サイド部分、フッター部分、などレイアウト指定の下に続く部分の背景色を変更すればそれなりに黒背景のデザインっぽくなると思いますが、細かい部分の調製はご自身のご判断で御願いいたします。

　カスタマイズの難易度１…表示時間だけを変更する場合
　カスタマイズの難易度３…マークの表示を変更する場合

New（新着マーク）について

Novelテンプレートは新着マークが標準仕様になっています。72時間以内に更新（投稿）された記事・コメント・トラックバックについては、表紙ページの最近の更新・最近のコメント・最近のトラックバック・目次ページの記事タイトル・投稿者名の横に　新着マーク（赤字でNew）が表示されますが、更新後72時間が過ぎると自然と消えます。

ご説明が遅れたことで、ＤＬしてくださった皆様にはご不審な思いをさせてしまって本当に申しわけございません。

　カスタマイズの難易度０

注意！4009.4.15追記しました
再度、4009.4.20追記しました

昨日2009.4.9.より、FC2ブログでは、アカマイの高速コンテンツ配信システム導入に伴い、記事内に広告が表示されるようになりました。

高速配信を利用しない場合には、広告も表示されないわけでして、拙宅は広告表示をしない設定に致しました。

広告を表示させた時の状態を確認するために、現在は広告表示の設定にしています。（高速配信はブログ開設の初期設定になっており、ほとんどのブログでは広告が表示されているため）

動画や写真などを多用しているブログでなければ、高速配信はさほど必用ではないと思いますので、広告を表示させない設定がおススメです。管理画面から簡単に変更できます。

　カスタマイズの難易度２

目次ページにコメントなどを表示させるカスタマイズ

検索サイトやランキングサイトの場合、サイトトップ（表紙ページ）ではなく、目次ページの登録が義務つけられている場合があるので、表紙ページだけではなく、目次ページにもバナーやコメントなどを表示させたいというご要望を頂戴致しましたので、そのカスタマイズの方法をご紹介します。

　注意

以下は全ての目次ページに同じ内容を表示させる場合のカスタマイズです。特定のカテゴリの目次ページにだけ、そのカテゴリ固有の説明などを表示させたい場合のカスタマイズは こちら

　カスタマイズの難易度１

アクセス解析タグ・ランキングバナーの追加

アクセス解析をつけたり、ランキングなどに参加した場合や、自動的にボタンが表示されるＦＣ２ブログ拍手ではなく、ＦＣ２拍手をご利用の場合は、それらのバナーやボタンを表示させるためのタグをＨＴＭＬに追加する必用があります。タグの取得やランキングの参加方法などはご自分で調べてください。ここではそこで取得したタグのテンプレートへの設置方法（箇所）だけを説明します。

FC2のアクセス解析を御利用のユーザー様へ

FC2ブログ仕様変更により、FC2のアクセス解析を設置した、2012.6.10.以前にDLしたnovel-PF・PF2タイプ以外のテンプレートでは、IE8以下のブラウザでは折りたたみスクリプトは正常に作動しなくなりました。この不具合を解決する方法は　コチラ

カスタマイズ途中のテンプレートは、なるべくなら人にはみせたくないものです。カスタマイズした箇所を確認したい、けれども、訪問者には見せたくない、そういう場合に、トップページ以外のページも確認できるプレビューの方法をご紹介します。

これは「+　E - テンプレート　+」さまの「テンプレートプレビューの技」で教えていただいた方法です。エリラハ様、ありがとうございました！

プレビューの方法

［菅理画面］⇒［環境設定］⇒【テンプレートの設定】をクリックして
［テンプレートの管理］ページを開く

PCテンプレート [ テンプレート名 ] 適用中　の下のリストを見ます。

　カスタマイズの難易度３

文字の大きさ・色・行間・左右の余白を変更する

Novelテンプレートは文字を大きめに設定しています。閲覧者の中には視力が弱い方もおられますし、視力に問題がなくとも、一般ＨＰの読みやすい大きさの文字に慣れたオンノベファンは、文字が小さく読み辛いブログ小説を敬遠する傾向にあります。（管理人もその一人…(^^ゞ）ですから、個人的には余り小さな文字になさるのはおススメできません。文字を小さくする場合には、文字の大きさを絶対値で固定するのではなく、相対値で指定して、必用とあらば、閲覧者が文字の大きさを変更して読めるようにしましょう。黒背景のテンプレートの文字色を変更する場合も、暗い色調な文字色や、明度はあっても赤や青は大変読み辛いので、注意が必要です。

　カスタマイズの難易度０…カスタマイズ不要・管理画面で設定変更するだけでＯＫ

通常であればオンノベファンに嫌がられることが多い、ブログ特有の複数記事表示ですが、Ｎｏｖｅｌテンプレートの月別アーカイブページではそれを逆手にとりました。

閲覧者が、連載作品を読みにサイトを訪れる場合、間が空いてしまうと、自身がどこまで読んだかわからなくなることがよくあります。そんな時ＨＰサイトの場合は、１ページ１ページ開いては、あ、この話は読んだ、この話も読んだ、この話は読んでいないと確認するしかありません。

Ｎｏｖｅｌテンプレートの月別アーカイブページは、上部にその月に更新された記事のタイトル一覧が並び、下には、それぞれの記事の冒頭部分が表示されているので、閲覧者はスクロールしながらさわりの部分（冒頭部分）を次々に読む事で、小説本文（個別記事）のページをいちいち開かなくても自身がどこまで読んだかの記憶を呼び起こすことができると思います。

そのためにも、月別の記事の表示を上限の50件にし、表示順を古い順にする必要があります。

　カスタマイズの難易度１

ＤＬ時のコメントや、訪問者履歴でアドレスのわかる方のブログへお邪魔すると、サイドメニューに「はじめに」や「About」などのサイトの説明記事へのリンクを設けている方がとても多いことに気づきます。【ご案内】があるからいらないかなと思ったのですが、やはりそれだけでは足りないようです。

「はじめに」ですから、やはり、表紙メニューの冒頭、NovelListより上に表示される方がよろしかろうということで、本日（2009.4.23）、現在登録中の全てのテンプレートに、「はじめに」のためのタグを埋め込んできました。必要な時は、あらかじめ埋め込んであるリンクタグの前後の行を削除するだけでＯＫです。


「はじめに」をカテゴリに設定して作品タイトルと共に並べている方も多いのですが、その場合は「はじめに」をクリックしても、最初は目次ページが開き、ダイレクトに「はじめに」の記事ページが開けません。

小説を読みに訪れた読者にとって、諸注意や作者の断り書きなどが書かれた「はじめに」などは決して読みたくて読むページではありません。面倒くさいなと思いながらも、それでも一応読んでおくかとクリックしたのに、そこに本文はなく、またクリックしろとなると、ますます読む気が失せます。
読まずに済ます読者も少なくない中、作者の意を汲んで、「はじめに」を読んでくれようとしたありがたい読者に、余計な手間をかけさせないためにも、「はじめに」はカテゴリ設定ではなく、表紙メニューには表示されない「未分類」に設定した上で、予備のリンクボタンをつかって、ダイレクトにページを開けれるようにしましょう。

　カスタマイズの難易度４

１ページ目次をNovelListの案内欄の目次からリンクさせるためにはどうしたらよいかというご質問をいただきました。１ﾍﾟｰｼﾞ目次を作成なさった他の方のご参考にもなるかと思いますので、こちら（記事）でご返答させていただきます。

現在のNovelListのもくじをクリックして、１ﾍﾟｰｼﾞ目次へリンクさせるためにはHTMLの以下の赤字の部分を変更します。（下は［novel-template-sepia］の例）
変更前↓

【 作品のご案内 】

～～中略～～

<a href="<%topentry_link>" title="『<%topentry_title>』の続きを読む"><strong>»»</strong<<small> 続きを読む </small></a></div>
</div>
</div>


<div class="ccc">
<a href="<%topentry_category_link>" title="【<%topentry_category>】のもくじへ"><strong>»»</strong> もくじ へ </a>
<br /><a href="#pagetop" title="↑ページトップへ"> <i><small>▲PageTop</small></i></font> </a>
</div>

変更後↓

<div class="ccc">
<a href="<%url>archives.html" title="【<%topentry_category>】のもくじへ"><strong>»»</strong> もくじ へ </a>
<br /><a href="#pagetop" title="↑ページトップへ"> <i><small>▲PageTop</small></i></font> </a>
</div>

但し、この方法ですと、今後、NovelListに表示される作品の案内欄の目次リンク先が全て同じリンク先（ご質問をいただいた方の場合ですと第一部の１ﾍﾟｰｼﾞ目次）に固定されてしまうことになります。一つのブログに一つの作品だけ、１ページ目次も一つしか使わない場合は問題ないのですが、そうではない場合はこのままですと不都合です。

第二部以降、あるいは今後サイトで発表される他の作品も１ﾍﾟｰｼﾞ目次を作成する場合は、「テンプレートのコピー・差し替え・名前の変更 」「1ページ目次の複数作成 」を応用します。

まず、現在使用中のテンプレートのコピーをとり、その名前の後ろに、NovelListの案内欄からリンクさせたい記事のカテゴリー番号もしくは記事番号を追加します。
20文字以内の名前しか使えないので、この時、テンプレートの名前も変更しておきます。（仮にsepiaと変更したとします）

例えば、現在の案内欄の記事【「●の●●（第一部）」　概略】の記事番号は105　カテゴリー番号は19ですから、ここではカテゴリー番号をテンプレートの名前の後ろに追加して、［sepia-19］とします。

下が第一部の１ページ目次のアドレスになります。

<%url>?all&template=sepia-19
ブログのアドレス?all&template=テンプレートの名前-カテゴリ番号

次に最初にご説明した赤字部分の変更箇所、目次のアドレスを下記のように変更します。

<%url>?all&template=sepia-<%topentry_category_no>

NovelListに案内文が表示される小説はカテゴリ別に分類されているはずですから、カテゴリ番号はそれぞれ違うわけです。そのカテゴリ番号　<%topentry_category_no>を組み込んだ名前のテンプレート sepia-<%topentry_category_no> をリンク先に指定することで、カテゴリ（作品）ごとに違う１ﾍﾟｰｼﾞ目次にリンクさせるわけです。ですから、今後作成する１ﾍﾟｰｼﾞ目次用のテンプレートの名前は、末尾のカテゴリ番号以外は同じ文字列にする必要があります。

NovelListに関する質問コメントとその回答例
NovelListから別サイトへリンクさせる場合は こちら
NovelListのタグを複数使う場合は こちら

☆　カスタマイズの前にはコピーをとりましょう！コピーのとり方は こちら 　

「関連エントリーメーカー」で
小説本文（個別記事）ページの末尾に
新着順目次（同一カテゴリ一覧リスト）を表示させる

前ページで述べましたように、このカスタマイズは、【Harmonia!!】 の管理人 ちよろ さま考案の「関連エントリーメーカー」のスクリプトを丸ごとお借りしております。以下の記事を参考にさせていただきました。

FC2ブログで関連エントリーを表示させるスクリプト

ちよろ様、ありがとうございました！＜m(__)m＞

ちよろ様のお許しを頂戴致しましたので、公開中のＮｏｖｅｌテンプレートにも、「関連エントリーメーカー」を順次装着し、リニューアルしてゆきます。2009.5.1.以降に登録、更新したテンプレートに関しては「関連エントリーメーカー」を装着済みでありますので、以下のカスタマイズは必要ありません。

　2009.912.現在　関連エントリーメーカーは以前の新着順から昇順（時系列の旧い記事が上にくる）に改訂いたしました。昇順のカスタマイズについては コチラ

カスタマイズの方法

［菅理画面］⇒［環境設定］⇒【テンプレートの設定】をクリックして
［テンプレートの管理］ページを開く

PCテンプレート [ テンプレート名 ] 適用中
[ テンプレート名 ] のテンプレート名変更
テンプレート名 のHTML編集
テンプレート名 のスタイルシート編集　　　　　　　　　こんふうに上から順番に並んでいます。

［ＨＴＭＬ編集］部分をカスタマイズします。

スクロールしていくと下のように書かれた部分があるはずです。

<!--more-->
<%topentry_more>
<!--/more-->
</div>

<!--▼ページナビゲーション▼-->
<!--permanent_area--><ul class="entry_navi">
<li><!--nextentry--><a href="<%nextentry_url>" title="【<%nextentry_title>】へ"><i>Back</i></a><!--/nextentry--> </li>
<li>  <a href="<%topentry_category_link>" title="【<%topentry_category>】もくじへ"><i>Index</i></a></li>
<li> <!--preventry-->  <a href="<%preventry_url>" title="【<%preventry_title>】へ"><i>Next</i></a><!--/preventry--></li>
</ul><!--/permanent_area-->
<!--▲ページナビゲーション▲-->

<!--▼ランキングバナーなどを貼る場合はここへ①▼-->

<!--▲ランキングバナーなどを貼る場合はここへ①▲-->

<%topentry_more>の前後に、改行<br />や、段落のタグ<p></p>があるテンプレートもありますが、それはこの際、気にせずに、<%topentry_more>とページナビゲーション・ランキングバナーの設置位置（①もしくは番号なし）がある箇所を探してください。

ページナビゲーションの上に以下のスクリプトを追加します。

<!--permanent_area-->

<div class="cat-navi">
<script type="text/javascript" src="http://blog-imgs-18.fc2.com/n/o/v/noveltemplate/jkl-parsexml.js">
</script>
<!--ソース改変が可能であれば、src内のURLを自分でアップロードしたjkl-parsexml.jsのURLに変更してみてください。負荷が分散します。-->

<script>
<!--

var show_titles = 31
// 表示する関連エントリーの数。1～30の範囲を。推奨は5。
// 31以上で同一カテゴリ内の新着エントリー順に表示します。

function get_fc2_cate_rss(url){
var xml = new JKL.ParseXML( url );
var func = function ( data ) {
fc2_cate_xml_parse( data ) ;
}
xml.async( func );
xml.parse();
}

function fc2_cate_xml_parse( xml ){
var cate_entrys = new Array();
var output_fc2_entry = ''
if(xml["rdf:RDF"].item[1] == undefined){
cate_entrys[0] = new Array(xml["rdf:RDF"].item.link , xml["rdf:RDF"].item.title)
} else {
for(i in xml["rdf:RDF"].item){
// cate_entrys[i] = [0]url , [1]title
cate_entrys[i] = new Array(xml["rdf:RDF"].item[i].link , xml["rdf:RDF"].item[i].title)
}
}

if(cate_entrys.length < show_titles){
for(i in cate_entrys){
if (cate_entrys[i][0] != '<%topentry_link>'){
output_fc2_entry += '<li><a href="' + cate_entrys[i][0] + '">' + cate_entrys[i][1] + '</a></li>'
} else {
output_fc2_entry += '<li><b>' + cate_entrys[i][1] + '</b></li>'
}
}
} else {
for (i = 0 ; i < show_titles ; i++ ){
choice_entry = Math.floor ( Math.random() * cate_entrys.length)

if (cate_entrys[choice_entry][0] != '<%topentry_link>'){
output_fc2_entry += '<li><a href="' + cate_entrys[choice_entry][0] + '">' + cate_entrys[choice_entry][1] + '</a></li>'
} else {
output_fc2_entry += '<li><b><a href="' + cate_entrys[choice_entry][0] + '">' + cate_entrys[choice_entry][1] + '</a></b></li>'
}

cate_entrys.splice(choice_entry,1)
}
}

var k_k_k = '<h5>▼ 　～ INDEX ～　「 <%topentry_category> 」　～　新着順　～　</h5><ol>' + output_fc2_entry + '</ol>'
k_k_k += '<div align="right"><a href="http://lastoneofthezodiac.blog38.fc2.com/blog-entry-4493.html">関連エントリーメーカー for FC2 Blog</a></div>'
// 著作権表示部分を消す場合は上の一行と、この行を削除
document.getElementById('kanrendesu').innerHTML = k_k_k
}

get_fc2_cate_rss('<%url>?xml&category=<%topentry_category_no>')

// -->
</script><noscript><a href="http://lastoneofthezodiac.blog38.fc2.com/blog-entry-4493.html">関連エントリーメーカー for FC2 Blog</a></noscript>
<div id="kanrendesu">
</div>

</div>
<!--/permanent_area-->

新着順がわかりやすいように上のスクリプトではリストに通し番号がついていますが、通し番号のついていないリストにする場合には、赤字の部分 ol　を　ul　に変更してください。

【 更新 】 をクリックする。

これでOKですが、このままですと、記事本文とも、また、高速配信を導入されている場合には広告とも区別がつきにくいのでスタイルシートを編集して、見せ方を変えましょう。

カスタマイズの方法は次ページで こちら

記事タイトルを通し番号でつけている場合のカスタマイズは こちら

☆　カスタマイズの前にはコピーをとりましょう！コピーのとり方は こちら 　

新着順目次（同一カテゴリ一覧リスト）のカスタマイズ

前ページの「関連エントリーメーカー」装着のカスタマイズで、小説本文（個別記事）ﾍﾟｰｼﾞの末尾にはその小説の新着順の目次（同一カテゴリ一覧リスト）が表示されるようになったと思いますが、そのままですと、記事本文や広告との見分けがつきにくいので、その見せ方を変えるカスタマイズをご紹介します。

カスタマイズの方法

［菅理画面］⇒［環境設定］⇒【テンプレートの設定】をクリックして
［テンプレートの管理］ページを開く

PCテンプレート [ テンプレート名 ] 適用中
[ テンプレート名 ] のテンプレート名変更
テンプレート名 のHTML編集
テンプレート名 のスタイルシート編集　　　　　　　　　こんふうに上から順番に並んでいます。

［スタイルシート編集］部分をカスタマイズします。

スタイルシートのどこでもよいので、以下のように、関連エントリーメーカーの表示を指定する内容を追加します。下は [ novel-template-sepia ]の例です。

/* 関連エントリーメーカーの表示 */
.cat-navi {
margin : 0px 0px 0px 0px;
padding : 10px 0px 40px 0px ;
font-size : 80%;
line-height : 160%;
}

.cat-navi h5 {
margin : 0px 0px 20px 0px;
padding : 2px 10px 2px 10px ;
font-size : 110%;
color: #FFF;
background-color : black;
border-top : 1px solid #fff;
border-left : 1px solid #C2A858 ;
font-weight : bold ;
background-image : url("http://blog-imgs-18.fc2.com/n/o/v/noveltemplate/o04-7-22.jpg");
background-repeat : no-repeat ;
background-position : left bottom;
}

.cat-navi ol {
margin : 0px;
padding : 5px 0px 10px 20px;
}

/* 一覧から訪問済みのﾍﾟｰｼﾞタイトルの色を変える場合 下は青#0000FFに変える例*/

.cat-navi a:visited { color : #0000FF; text-decoration : none;}

background-image は、背景画像の指定です。赤字の部分に背景画像のアドレスを入れます。

background-image : url("背景画像のアドレス");

.cat-navi a:visited は、 一覧から訪問済みのﾍﾟｰｼﾞのタイトルの色を変える指定です。
上の例は青#0000FFですが、必要であればテンプレートにあわせてカラコード#●●●●●●を変更してください。

.cat-navi a:visited { color : #●●●●●●; text-decoration : none;}

.cat-navi h5が　この記事の末尾で、▼～INDEX～「小説タイトル」～新着順　と帯状に表示されている、見出し部分の設定になります。主にこの部分を、それぞれのテンプレートにあわせて変更します。他の部分はまるごとコピペしてください。［テンプレートの名前］をクリックするとそれぞれのカスタマイズしたサンプルがご覧になれます。

［novel-template］

.cat-navi h5 {
margin : 0px 0px 20px 0px;
padding : 2px 10px 2px 10px ;
font-size : 110%;
color: #ffffff;
background-color : black;
border-top : 1px solid #fff;
border-left : 1px solid #C2A858 ;
font-weight : bold ;
background-image : url("http://blog-imgs-32.fc2.com/n/o/v/noveltemplate/bsb35-2.jpg");

}

［nove-template-rose1］

.cat-navi h5 {
margin : 0px 0px 20px 0px;
padding : 0px 10px ;
font-size : 110%;
color : #663333;
background-color : #ffffff;
border : 1px solid #C2A858 ;
font-weight : bold ;
background-image : url("http://blog-imgs-18.fc2.com/n/o/v/noveltemplate/eiji742.jpg");
background-repeat : no-repeat ;
background-position : right center;
}

［novel-template-rose2］

.cat-navi h5 {
margin : 0px 0px 20px 0px;
padding : 0px 10px ;
font-size : 110%;
color : #663333;
background-color : #ffffff;
border : 1px solid #C2A858 ;
font-weight : bold ;
background-image : url("http://blog-imgs-18.fc2.com/n/o/v/noveltemplate/hana1413.jpg");
background-position : right bottom;
}

文字が見え辛い場合は前ページのスクリプトに赤字のタグを追加して文字の背景だけを白くします。

［HTML編集］部分をカスタマイズします。

var k_k_k = '<h5><font style="background-color:#ffffff;">▼ 　～ INDEX ～　「 <%topentry_category> 」　～　新着順　～　</font></h5><ol>' + output_fc2_entry + '</ol>'
k_k_k += '<div align="left"></div>'
document.getElementById('kanrendesu').innerHTML = k_k_k
}

［novel-template-rose3］

.cat-navi h5 {
margin : 0px 0px 20px 0px;
padding : 0px 10px ;
font-size : 110%;
border : 1px solid #C2A858 ;
font-weight : bold ;
color : #900000;
font-weight : bold;
background-image : url("http://blog-imgs-18.fc2.com/n/o/v/noveltemplate/hana31223.jpg");
background-position : right bottom;
}

［novel-template-green］

.cat-navi h5 {
margin : 0px 0px 20px 0px;
padding : 0px 10px ;
font-size : 110%;
color : #663333;
background-color : #ffffff;
border : 1px solid #C2A858 ;
font-weight : bold ;
background-image : url("http://blog-imgs-18.fc2.com/n/o/v/noveltemplate/midori68w.jpg");
background-position : right center;
}

［novel-10-mono1］［novel-10-mono2］

.cat-navi h5 {
margin : 0px 0px 10px 0px;
padding : 2px 10px ;
font-size : 110%;
color : #fff;
background-color : #000;
border-left : 4px double #ffffff;
border-bottom : 4px double #ffffff;
font-weight : bold ;

}

novel-10-blackシリーズは、前述の例ではなく下記の内容を追加します。
[novel-10-black1]

/* 関連エントリーメーカーの表示 */
.cat-navi {
margin : 0px 0px 0px 0px;
padding : 10px 0px 40px 0px ;
color : #C2A858;
font-size : 80%;
line-height : 160%;
}

.cat-navi h5 {
margin : 0px 0px 20px 0px;
padding : 50px 10px 0px 10px ;
font-size : 110%;
color : #fff;
font-weight : bold ;
background-image : url("http://blog-imgs-18.fc2.com/n/o/v/noveltemplate/one03-11612.jpg");
background-repeat : no-repeat ;
background-position : center top;
text-align : center;
}

.cat-navi ol {
margin : 0px;
padding : 5px 0px 10px 150px;
}

[novel-10-black2]

/* 関連エントリーメーカーの表示 */
.cat-navi {
margin : 0px 0px 0px 0px;
padding : 10px 0px 40px 0px ;
color : #C2A858;
font-size : 80%;
line-height : 160%;
}

.cat-navi h5 {
margin : 0px 0px 20px 0px;
padding : 70px 10px 0px 10px ;
font-size : 110%;
color : #fff;
font-weight : bold ;
background-image : url("http://blog-imgs-18.fc2.com/n/o/v/noveltemplate/2-1.gif");
background-repeat : no-repeat ;
background-position : center top;
text-align : center;
}

.cat-navi ol {
margin : 0px;
padding : 5px 0px 10px 125px;
}

black2はさらに、［HTML編集］部分をカスタマイズします。
ＨＴＭＬの下の箇所を探して、赤字で記されたイメージタグを追加します。

～前ページで追加した関連エントリーメーカーのスクリプト～
<!--▼ページナビゲーション▼-->
<ul class="entry_navi">
～中略～
</ul>
<!--▲ページナビゲーション▲-->

<p align="center"><img src="http://blog-imgs-18.fc2.com/n/o/v/noveltemplate/3-2.gif" alt="" border="0" width="230" height="45" /></p>

<!--▼ランキングバナーなどを貼る場合はここへ①▼-->

<!--▲ランキングバナーなどを貼る場合はここへ①▲-->

【 更新 】 をクリックする。

marginとpadding は余白の設定、それぞれ上右下左の余白を指定しており、文字の大きさはfont-size行間はline-height、文字の色はcolor、文字の太さont-weight、枠線はborderです。
詳しくは、ハウツー系サイトさまなどをご参考に。尚、上以外のデザインに変更なさる場合のご質問はご遠慮ください。

記事タイトルが通し番号の場合のカスタマイズは次のページでご説明します。

記事タイトルが通し番号の場合のカスタマイズ

関連エントリーメーカーの同一カテゴリ一覧は縦並びのリストで表示されます。記事タイトルが通し番号の場合は、数字だけが縦一列に並ぶことになり、少々見栄えが悪いのでそれを数字が横にならぶリストに変更します。こういう風になります こちら

　カスタマイズの難易度３

「最近の更新」をスクロールバーで囲む

このカスタマイズは「ブログパーツをさがせ」さまの
かこんで楽しいスクロールバーの設定　で教えていただきました。
satokotoさま、ありがとうございました！

　カスタマイズの難易度２

2009.5.15.公開中の全てのテンプレートの、全記事一覧ページは、「hatena chips」のhatenaさまが「カテゴリ別全記事一覧ページを作る」の記事で公開してくださったソースをお借りして従来の更新順タイトルリストから作品（カテゴリ）別タイトルリストに改訂しました。

現在のNovelテンプレートでは、JavaScript有効時にはカテゴリ別のタイトルリスト(親子カテゴリ対応)が表示され、JavaScript無効時には更新順に表示されますが、カスタマイズ次第で、JavaScript有効時にもカテゴリ別ではなく更新順に表示させることができます。

タイトルリストをカテゴリ別から更新順へ変更するカスタマイズ

カスタマイズの方法

［菅理画面］⇒［環境設定］⇒【テンプレートの設定】をクリックして
［テンプレートの管理］ページを開く

PCテンプレート [ テンプレート名 ] 適用中
[ テンプレート名 ] のテンプレート名変更
テンプレート名 のHTML編集
テンプレート名 のスタイルシート編集　　　　　　　　　こんふうに上から順番に並んでいます。

［ＨＴＭＬ編集］部分をカスタマイズします。
ＨＴＭＬをスクロールして以下の部分を探します。

　カスタマイズの難易度３

コメント内容も検索できる検索フォームの設置をとのご要望を頂戴し、えっ？と思った管理人。
あれっ？ブログ内検索って、コメントも検索できたはずだけと…(・・?
慌てて調べてみたら、確かにコメント内容はヒットしない、お、おかしい。
でも、確か…できたはずなのにと、あやうやな記憶を頼りに調べてみると…。
な～んのことはなく、別ブログで随分以前に、コメント内容も検索できる検索フォームにカスタマイズしていたのをすっかり忘れておりました。
しかも、カスタマイズしたのは忘れていても、コメントが検索できたのだけは覚えていて、ＤＬ時の公式検索フォーム＝コメント検索も可と思いこんでいたわけでした。な、なさけなぁ～(^^ゞ

早速、拙宅もコメントも検索できる検索フォームにカスタマイズしましたよん♪
共有プラグインにもそれらしいものがなかっのですが、ということは、わざわざプラグインとして公開する必要もないくらい一般的なカスタマイズかもしれませんが、ご存知ない方にとっては、とても役に立つカスタマイズだと思うので、参考記事をご紹介♪

てんぽ　　ブログ内検索のカスタマイズ

公式プラグインでフリーエリアのプラグインを設置して、上の記事で公開してくださっている検索フォームのソースを貼り付ければそれでＯＫです。

【環境設定】⇒【プラグインの設定】⇒【公式プラグインの追加】⇒
［拡張プラグイン］【フリーエリア】⇒【追加】
開いた画面の編集エリアにソースを貼り付けて⇒【追加】

検索フォームは二つもいらないので、初期設定の公式プラグインを削除してから、タイトルも変更します。

【プラグイン管理】をクリックして開いた画面のリストから【検索フォーム】の［削除］☓をクリック。
続いて、タイトルを「フリーエリア」から「検索フォーム」などに変更して【設定】をクリック。

通常ﾌﾞﾛｸﾞ画面のに新しい検索フォームが設置されているはずです。
コメントをくださった方のＨＮなどいれて、ヒットすればＯＫです。

　カスタマイズの難易度０…カスタマイズ不要・管理画面で設定変更するだけでＯＫ

ＦＣ２ブログでは、ブログをパス制にして、パスワードを知る人しか閲覧できないようにすることもできます。
（プライベートモード～詳しくは コチラ）　

そこまでしなくとも、特定の記事だけにパスをかけることもできます。記事にパスをかけると、目次にも、　更新一覧にも記事タイトルは表示されますが、その記事を閲覧する際には、パスを記入しなければページが開けない状態になります。

全くのシークレット設定(プライベートモード)にしなくとも、閲覧に必要なパスを確認画面で表示する設定にしておけば、閲覧の際の意志や年齢確認の手段としてワンクッションおくことができます。

サイト内配布テンプレートのご利用方法

最初に現在ＤＬしてあるテンプレートの中から、どれでもいいので、一つ選んでコピーをとります。
コピーのとり方はコチラ

コピーをとると、画面下部の、編集エリアも、コピーしたテンプレートの編集画面になっていると思います。
このコピーしたテンプレートの編集エリアの中身を、サイト内で配布のテンプレートと差し替えます。

次に別窓で、サイト内配布のテンプレートの記事ﾍﾟｰｼﾞを開きます。
記事中の配布テンプレートのＨＴＭＬが記載されたテキストエリア、もしくはコチラをクリックして開いた画面にカーソルをもっていきます。

右クリック⇒【すべて選択】をクリック（テキスト部分が反転します）
右クリック⇒【コピー】をクリック

そのまま、今度はテンプレート管理画面のＨＴＭＬの編集部分にカーソルをもっていきます。

右クリック⇒【すべて選択】をクリック（テキスト部分が反転します）
右クリック⇒【貼り付け】をクリック

スタイルシート部分も同じように、記事中のスタイルシートをコピペして、テンプレート管理のスタイルシート編集部分に貼り付けます。

【更新】をクリック

これでＯＫです。

　カスタマイズの難易度２

2009.8.11.以降にＤＬなさったNovelテンプレートであれば、表紙ページ下に検索エンジン・加盟している同盟などのバナーを横一列に表示させるためのタグが予め埋め込まれています。
前後のタグをはずし、バナー画像・リンク先アドレスを記載するだけで下のサンプル画像のようにバナーを横一列に並べて設置することができます。

　カスタマイズの難易度３

おススメカスタマイズ！

いつもお世話になっているＦＣ２ブログのテンプレート工房さまですが、小説ｻｲﾄを運営なさっている皆様にとっては実に有用なカスタマイズ記事をアップしてくださいましたのでご紹介させていただきます。

記事の中にメールフォームを作る

ブログでメールフォームを設定する場合、プラグインに追加するだけでＯＫですので、とても簡単ですが、メールフォームが表示されるのは当然のことながら、サイドメニューのプラグインスペースになってしまいます。それをサイドメニューではなく、記事中に設定できるとなれば、サイトナビゲーションや表紙メニューにﾒｰﾙフォームのある記事へのリンクﾎﾞﾀﾝを追加することもできますし、マイブログをよりＨＰっぽく仕上げることができますのでおススメであります。

但しこのメールフォームはメール送信後、自動的に通常ブログ画面が開き、ページは変更できません。

諸般の事情から拙宅ではメールフォームを設置しておりませんが、ご興味のある方はぜひ、トライしてみてくださいませ。

　カスタマイズの難易度０…カスタマイズ不要・管理画面で設定変更するだけでＯＫ

五つの基本設定でご説明したように、NovelテンプレートはＤＬ時の初期設定で未分類は表紙メニューに表示されない設定になっております。未分類に含まれる記事の中から、「雑記」「拍手レス」などを新しいコンテンツとして表紙メニューに表示させるためには、それらをまず、新しいカテゴリとして新設して未分類から独立させる必要があります。

設定の方法

菅理ページから【過去の記事の管理】を開いて
未分類の記事の中から、『雑記」に分類する記事を選んで【編集】をクリック

【記事の編集】ページを開きます。

カテゴリ

未分類

▼

空欄

追加

未分類の横の空欄に新設するカテゴリタイトル雑記と記入して

カテゴリ

未分類

▼

雑記

追加

【追加】をクリック

このように変更されるはずです。↓

カテゴリ

雑記

▼

空欄

追加

【記事を保存】をクリック

新しいカテゴリ雑記が追加されました。
他の記事も同じようにしますが、カテゴリの変更に関しては、すでに雑記というカテゴリが設定されています。

カテゴリのプルダウンリスト（▼）を開いて、その中から雑記を選んでクリックします

【記事を保存】をクリック

　カスタマイズの難易度３

新作テンプレートについての先日の記事でお知らせしましたが、
関連エントリーメーカー（個別記事の末尾に表示されている同一カテゴリ一覧―新着順もくじのことです）のご考案者、
「Harmonia!!」のちよろ様が、
昇順のスクリプトをご考案くださいました。

FC2ブログで関連エントリーを表示させるスクリプト

ちよろ様、ありがとうございました！＜m(__)m＞

これにともない、現在公開中のテンプレートを全て、昇順に改定させていただきました。
以下は、すでにご利用中のお手元のテンプレートを、昇順に変更なさる場合のカスタマイズです。

　カスタマイズの難易度１…改行タグ<br>を追加するだけでＯＫ

新作テンプレート［novel-temp-grape］は、表紙ページのブログタイトルが中央寄せの一行で表示されます。文字数が多くないブログタイトルであれば問題はありませんが、ブログタイトルの文字数が多く、その表示されている文字列が長くなっているブログの場合はバランスが悪く見えることがあります。

［novel-temp-grape］のように、ブログタイトルが中央寄せのテンプレートの場合だけではなく、ブログタイトルの文字列が長いためにバランスが悪く見える場合には、ブログタイトルに改行を入れて複数行で表示させて、バランスをとりましょう。

（例）
仮にブログ名が「Novelテンプレート管理人の管理人による管理人のためのひまつぶしブログ」だったとします。
初期設定のままではこんな風に表示されます。↓

Novelテンプレート管理人の管理人による管理人のためのひまつぶしブログ

（例１）　改行のタグをいれるとこうなります↓

Novelテンプレート管理人の管理人による 管理人のためのひまつぶしブログ

（例２）　改行のタグを二ついれるとこうなります↓

Novelテンプレート管理人の 管理人による管理人のための ひまつぶしブログ

　カスタマイズの難易度２

メニューバーに新しいコンテンツを追加する

新作の擬似フレームタイプのテンプレート［novel-PF-Cosmos］では、サイトナビゲーション（メニューバー）がブラウザの上下に固定されており、画面をスクロールしても位置が変わらないよう設定してあります。このメニューバーに新しいコンテンツを追加する場合に備えて、ＨＴＭＬには予備のボタンを埋め込んでおきました。

全ページ共通の固定式ﾒﾆｭｰバーですから、カスタマイズするのは上下それぞれ一箇所、あわせて二箇所だけでＯＫです。前後の不要のタグを削除して、新しいコンテンツ名とアドレスを記載するだけで、簡単にメニューバーに新しいメニューを追加できます。

デザイン変更に関するサポートはしない方針でありますが、それにしても、拙作テンプレートのＨＴＭＬもスタイルシートも非常に長ったらしく、煩雑で、ＨＴＭＬやＣＳＳの知識がある方にさえも、わかりづらいことは自覚しております。よって以下は、ご自力でカスタマイズする方のための、ちょっとしたアドバイスです。

ページエリアごとのＩＤ指定（スタイルシート）

フォント（文字）の大きさや色を、スタイルシートをカスタマイズして変更したはずなのに、テンプレートに反映されていない場合など、もしかしたら、ページエリアの指定のせいかもしれません。

いつもお世話になっている「ＦＣ２ブログのテンプレート工房」のいたお様がまたもやすばらしいカスタマイズの方法を教えてくださいました。いたおさまが東にお住いなのか、西にお住いなのかは、ネットのこちら側からにいる管理人には知るすべもございませんが、もう、本当にいたお様には足を向けて眠ることができません。

いたお様、いつも、本当にありがとうございます！

さて、管理人がいっそ立って寝るべきかもと思うほど感激した、今回のいたおさまの記事とは！

「カテゴリ別フリーエリアの表示」

　カスタマイズの難易度４

2010.7.1.追記

改訂版のテンプレートのHTMLには、予め特定カテゴリに説明などを追加する場合のソースが埋め込まれていますので、以下で説明している方法に比べてカスタマイズが容易になりました。
詳しくは 【改定版・簡単カスタマイズ】特定のカテゴリの目次に説明などを追加する

Novelテンプレートの特色

Novelテンプレートは、ブログ小説のためのテンプレートです。ブログ小説の読み辛さを解消し、可能な限り、ＨＰの小説サイト形式に近づけたテンプレートになっています。尚且つ限界まで作者さまの手間を省いたつくりになっていますので、ブログに慣れていない初心者の方でも、ごく簡単な初歩的な設定だけで、マイブログが小説サイト風に様変わりします。基本的な設定は管理画面だけで行いますので、HTMLやCSSの知識ゼロでもOKです。通常のブログ画面でもご覧いただけますが、ブログ小説を書くことを目的とされない方にとっては、なんだこりゃぁ　?!!(?_?)?!　のテンプレートですので、ご注意ください。

Novelテンプレートは五つの基本設定をして初めてHPサイト風にご利用できます。ご利用の際には、「利用規約」と「五の基本設定」を必ずご確認ください。

(1) トップページが表紙ページ

小説サイト風に、その表紙からメニューが選べます。

(2) Novel List

小説の第一話にユーザータグを設定することで、掲載している作品のタイトルと冒頭文、第一話と目次へのリンクが表示される作品案内ページ「NovelList」が 自動的 に出来上がります。　

(3) 目次が自動作成

　
わざわざ目次を作成しなくとも、作品別にカテゴリを設定し、一話一話にタイトルもしくは番号をつけるだけで、自動的 に作品ごとの 目次ページ が作成されます。
JavaScript有効時、目次は小説ページにも表示されます(疑似フレームタイプはサイド、それ以外は記事欄末尾に表示)。

(4) 小説関連ページではプラグイン（サイドメニュー）非表示

読みやすさを重視し、より小説サイト風にするために、主要なページからプラグインをはずしました。
プラグイン1とプラグイン2は通常ブログ画面・検索・月別アーカイブページ等で、プラグイン3は表紙のみ表示されます。JavaScript有効時、疑似フレームスタイルのテンプレートで、本文（個別記事）ページのサイドに表示されるのは、その小説の目次です。

(5) ページナビゲーション

関連リストを設定する事で、一話一話のページに、投稿時系列順の前後ページリンクだけでなく、同作品の前話・次話へのページナビゲーションが表示されます。

(6) サイトナビゲーション

ブログ中のどのページにも、表紙、NovelListなど主要なページへのナビゲーション（リンクボタン）が画面の上下など二箇所以上表示されます。読者がブログの中で迷子にならずにすみます。
サイトナビゲーションは親子カテゴリに対応したパン屑リストとしての機能も兼ねています。

(7) 小説とそれ以外のコンテンツの分類

表紙ページで小説以外のコンテンツを隠す、あるいは 分けて表示することができるので、より小説サイトっぽくなります。

(8) 校正・修正が容易

各ページにそのページ（記事） 編集 画面へのリンク [Edit] が二箇所ありますので、誤字脱字の訂正が手軽にできます。

(9) 衣替えが可能

スタイルシートを変更するだけでデザイン変更できます。（俗に言うお着替えテンプレート）
HTMLを変更すれば、同じデザインで夢小説用テンプレートやイラストリスト付き・一般用テンプレートに変更できます。
また、novel-PF・novel-PF2以外のテンプレートでは、小説本文ページのデザインレイアウトは二種類（固定幅中央表示か可変性全面表示）あり、（初期設定ではカテゴリ番号０の未分類のみ別レイアウト）カテゴリ別に表示を変更することもできます。

(10) 関連カテゴリもくじ一覧が表示

長編作品や一連のシリーズ作品などの場合、親子カテゴリを設定すると、目次ページと小説本文ページでは親カテゴリを同じくする兄弟カテゴリのタイトル、目次へのリンクが表示されます。そのカテゴリの作品を読み終えた読者が次章や関連作品をスムーズに読み進むことができます。
詳しくは　関連(カテゴリ)もくじ一覧の説明

(11) 総目次（親子カテゴリ対応サイトマップ）

JavaScript有効時、全記事一覧ページでは総目次として、全ての記事タイトルが自働的に作品(カテゴリ)別に分類整理されて表示されます。

(12) JavaScript無効時にも対応

ブログを力技？でHPサイト風にカスタマイズしたNovelテンプレートはJavaScriptを多用しております。JavaScriptが有効な状態で閲覧いただくことが望ましいですが、無効時にも対応した設定・表示になっております。有効時の表示とは多少の違いはありますが、閲覧に差しさわりはありません。

(13) 閲覧画面サイズ(解析度)に左右されないレイアウトとデザイン

基本的に全ページリキッドレイアウトなので、IE7以上であれば、縮小画面でも横スクロールが出現しません。
また、フルスクリーンの背景画像は、閲覧画面にあわせて自働調整されて表示されるので、ワイド画面のパソコンでも余白が出来ません。
記事やプラグインに投稿した画像も、画面に合わせて自動調整され、例え記事欄が狭いテンプレートに大きな画像を投稿してもIE7以上では、はみ出たり切れることなく表示できます。IE7以下の場合は、サイズオーバーの部分は表示されませんので、画像のせいでカラム落ちなど、テンプレートのレイアウトが崩れることもありません。

　Novelテンプレートは決してカスタマイズ向きのテンプレートではありません!
　初心者向きと謳っておりますが、それは、HTMLやCSSの知識がない方でも、管理画面の設定だけで小説サイトを構築できるように、予め、広範かつ強引なカスタマイズ（加工・改造）が施されているという意味であり、決して初心者の方がカスタマイズしやすいという意味ではありません。

シンプルに見えますが、構造は複雑で、下手に弄ると壊れますので、カスタマイズの際は、必ず、テンプレートマニュアルをご確認ください。
テンプレートマニュアルで解説している内容以外のカスタマイズは、HTMLやCSSおよびFC2ブログのカスタマイズに精通している方以外にはおススメできません。また、そうした個人的・自己流カスタマイズに関しては、サポートは出来かねますので、自己責任でお願い致します。

以上がNovelテンプレートのおおまかな特色ですが、それ以外にも下記の機能が標準仕様として全てのNovelテンプレートに実装されています。

Novelテンプレートその他実装機能

• 〔表紙ページ・目次〕最新記事・コメント・トラックバックに新着マーク 解説記事
• 〔表紙メニュー〕親子カテゴリ折りたたみ 解説記事
• 〔表紙ﾍﾟｰｼﾞ〕最近の更新スクロールバーの設置 解説記事
• 〔表紙ﾍﾟｰｼﾞ〕コメント・トラックバックの折りたたみ 解説記事
• 〔個別記事（小説本文）ﾍﾟｰｼﾞ〕作品（同一カテゴリ）の目次が表示 解説記事
• 〔全記事一覧ﾍﾟｰｼﾞ〕親子カテゴリー対応カテゴリー別タイトルリスト 解説記事
• 〔通常ﾌﾞﾛｸﾞ画面・検索ﾍﾟｰｼﾞ・カレンダーﾍﾟｰｼﾞ〕ﾍﾟｰｼﾞ番号リンクナビゲーション 解説記事
• 〔全ﾍﾟｰｼﾞ・サイトナビゲーション〕親子カテゴリー対応パン屑リスト

もし、このテンプレートを使ってみようと思われた方は、次ページの「利用規約」をご一読ください。

その上で、NovelList と 前話・次話へのページナビゲーション・目次 を自動作成するために、超簡単ではありますが、最初に設定していただくことがあります。難しいことではありません。菅理画面を開いて、ただ何回かクリックしてくださればそれでＯＫです。

「利用規約」のご確認後に、設定方法の説明「五の基本設定 これだけは絶対にして欲しいこと」 をご覧ください。