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

このページは、他のカテゴリの目次ページとは背景を変更して表示しています。また、このカテゴリ固有の説明（作者・出典などの記述）を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。

Novel テンプレート

このページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。

このカテゴリの記事ページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。

「テンプレートマニュアル」
テンプレートの衣替え

テンプレートを一般ブログスタイルに変更する

　画像のないテンプレートで記事をご覧になる場合は

　Temlplate Image　：　カスタマイズの難易度３小説以外の用途に使う場合

　Image　：　カスタマイズの難易度３小説以外の用途に使う場合

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。

2011.02.17 *Edit
▽TB[1] ▽CO[1]

Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく！

←novel-R-Over500　記事数が500件以上の場合のカスタマイズ済みメインテンプレ

　カスタマイズの難易度３

Novelテンプレートは小説専用テンプレートですが、小説以外の用途でご利用の方のために、Novelテンプレートを逆アレンジした一般ブログ用テンプレートも公開しています。

2011.12.26.　追記小説用のテンプレートであっても、ver1112以降のバージョンであれば、スタイルシートの末尾に以下を追加すると、NovelListへのリンクボタンを含めて、テンプレート内から小説関連の表示が全て非表示になりますので、簡易型の一般用テンプレとしてご利用になれます。
.delete { display : none!important ; }

現在、一般用テンプレートとして公開しているのは各タイプ、それぞれ表紙ありと表紙なしの二種類づつだけですが、スタイルシートを変更することで、公開中の全ての小説用テンプレートを一般ブログ用としてご利用になることができます。

テンプレートのタイプ	表紙付き（HPサイト風）	表紙無し（一般ブログスタイル）
templateタイプ・ tempタイプ共通	normal-temp_1	normal-temp_2
Sタイプ	normal-S-simple1	normal-S-simple2
Rタイプ・Rfタイプ共通	normal-R-Html-1	normal-R-Html-2
PFタイプ・PF2タイプ共通	normal-PF-Sky	normal-PF-Black

テンプレート名をクリックすると、それぞれのテンプレートの解説記事が開き、画像をクリックするとテンプレートがプレビューされます。

まだ一般ブログ用を公開していない上以外のタイプの新作テンプレート(GタイプやJタイプ)も、上の（PFタイプ・PF2タイプ以外の）一般用テンプレートのHTMLを用いれば、デザインは同じまま一般用ブログテンプレートに変更できます。但し、表紙ページはポップアップや折りたたみ機能はなく、変更したテンプレートのタイプと同じレイアウトで表示されます。

一般用テンプレートの衣替え（デザイン変更）

　注意！衣替えなさる前にお手元のテンプレートを御確認ください。スタイルシートの冒頭にバージョンナンバーの記載がない場合、もしくは(ver1105)以前のバージョンの場合は、ご面倒とは存じますが、再ダウンロードなさり、HTMLを最新のものに変更なさってから衣替えなさる事をおススメ致します。
新しいバージョンは、新機能を追加しただけでなく、カスタマイズする場合も改訂以前のものより簡単便利になっております。
また、一ヵ月以上更新がない場合の広告も、改訂版は、不要な重複を削除し、記事本文と明確に区分けして表示させているので、改訂以前に比べてすっきりとしており、記事本文が読みやすくなっています。

以下は小説用のテンプレート【novel-temp-rose1】ですが、このテンプレートを一般ブログスタイルに変更するとします。

【novel-temp-rose1】

【novel-temp-rose1】はnovel-tempタイプです。ですから、同じタイプ（templateタイプ・tempタイプ共通）の一般用テンプレートである表紙付きの【normal-temp_1】か表紙がない【normal-temp_2】のどちらのレイアウトで表示させるかをまず決めます。

表紙付き【normal-temp_1】

OR
どちらかを選ぶ　

表紙無し【normal-temp_2】

表紙付きの【normal-temp_1】はNovelListなど、小説テンプレ固有の表示がないだけで構造はほとんど小説用テンプレと変わりません。表紙がない【normal-temp_2】は、トップページが通常ブログ画面になる普通のブログスタイルで表示されます。

仮に、表紙なしで表示させたいとすれば、【normal-temp_2】のHTMLと、【novel-temp-rose1】のスタイルシートでテンプレートを表示させることになります。

HTML
【normal-temp_2】

AND　

スタイルシート
【novel-temp-rose1】

【normal-temp_2】と【novel-temp-rose1】をそれぞれＤＬします。

　注意templateタイプ・tempタイプ以外のタイプのテンプレートの場合も同様に、同じタイプの一般用テンプレートのうち、表紙付き、表紙無しのどちらかを選びます。
　小説用テンプレートの名前の冒頭は必ずnovelがつき、一般用用テンプレートはnormalで始まりますので、お間違えのないように！

二つのテンプレートをＤＬしたら、テンプレート管理画面を開いて、【normal-temp_2】と【novel-temp-rose1】の編集画面をそれぞれ別窓で開いておきます。

（1）著作権表示の変更

最初に著作権表示を変更します。

　最重要！テンプレートにお借りしている素材は、素材サイト様の著作権リンクを表示する事をお約束して借り受けたものです。衣替えしたにも関わらず、素材サイト様の著作権表示リンクが変更されず、お借りしている作品の素材サイト様の著作権表示リンクが正しく表示されていない場合は、違反利用となりますのでご注意ください。
衣替えの際にはフッター部の著作権表示リンクを一番最初に必ず、変更してください！

novel-temp-rose1の
［ＨＴＭＬ編集］部分を最後の方までスクロールしてゆき、以下の部分を探します。

<div class="layout_footer">


<div class="copyright">

Copyright © <a href="./"><%blog_name></a>.
MATERIAL : <a href="http://makos.websozai.jp/" target="_blank">薔薇素材 Mako's</a>
Template By <a href="http://noveltemplate.blog26.fc2.com/" target="_blank">Novel テンプレート</a>
<br />
<%ad> <%ad2></div>


</div>

要は太字の部分の素材サイトさまの著作権表示とリンクだけを変更すればよいのですが、
解りづらい場合は、コピーライト・もしくはフッター部分を丸ごとコピーします。

それを、normal-temp_2　　の
［ＨＴＭＬ編集］部分の同じ箇所に貼り付けて差し替えます。

ＨＴＭＬ部分の編集はこれだけで、手作業もこれで終わりです。
あとはカーソルだけの作業で、スタイルシートを差し替えていきます。

（2）スタイルシートの差し替え

novel-temp-rose1　の
［スタイルシート編集］部分にカーソルを持っていきます。

　右クリック　⇒　【すべて選択】をクリック　
反転したら
もう一度　右クリック　⇒　【コピー】をクリック

そのままnormal-temp_2　の編集画面にもどり、
［スタイルシート編集］部分に、カーソルを持ってゆき、

右クリック　⇒【すべて選択】をクリック　
反転したら
もう一度右クリック　⇒　【貼り付け】をクリック

これで、normal-temp_2　のデザインはnovel-temp-rose1　に変更されました。

更新する前に、間違いがないか確認します。

normal-temp_2　の　【プレビュー】をクリック

normal-temp_2のプレビュー画面がひらきます。normal-temp_2は表紙がないので、novel-temp-rose1のデザインの通常ブログ画面が表示されているはずです。
デザインや著作権表示がnovel-temp-rose1のものに変更されているか確認します。

問題がなければ、

normal-temp_2　の　【更新】をクリック

　小説用のテンプレートでは、表紙メニューでは未分類を表示させないようにしてあります。
上の例は表紙無しのスタイルへの変更でしたので必要ありませんでしたが、表紙付きのスタイルに変更し、表紙メニューのカテゴリタイトル部分に未分類を表示させる場合は、差し替えたスタイルシートから以下の部分を削除してください。

/*隠しカテゴリ*/
.未分類 {
display : none;
}

特に注意！ブログサーバ番号なしのサーバーでは、共有テンプレートをDLした時点で、文字コードが強制的に EUC-JP から、 UTF-8 に変換されます。HTMLとスタイルシートの文字コードが異なっていると、スタイルシート（画像・色・レイアウト）が全く反映されなくなります。HTMLもスタイルシートも、同じブログからDLしたテンプレートのものであれば問題はないはずですが、それ以外の場合は、両者の文字コードが同一であることをご確認ください。

尚、サイト内配布しているテンプレートの文字コードは全て EUC-JP ですので、ご利用の際は、HTML と　スタイルシートの文字コードをどちらか一方に統一してください。
HTML <head>～</head>内⇒　 charset=EUC-JP"
スタイルシート冒頭⇒　@charset "EUC-JP";

関連記事

HTMLの衣替え
テンプレートを一般ブログスタイルに変更する
衣替え（スタイルシート変更）の手順

スポンサーサイト

総もくじ

テンプレートマニュアル共有テンプレート画像のためのカテゴリ

総もくじ

テンプレート一覧共有テンプレート画像のためのカテゴリ

総もくじ

テンプレート情報共有テンプレート画像のためのカテゴリ

総もくじ

小説サンプル（親カテゴリ）共有テンプレート画像のためのカテゴリ

総もくじ

画像のためのカテゴリ共有テンプレート画像のためのカテゴリ

┗人物イラストのためのカテゴリ

総もくじ

テンプレートマニュアル共有テンプレート画像のためのカテゴリ

┣テンプレートについて　

　テンプレートを一般ブログスタイルに変更する
┣携帯用Novelテンプレート　

　テンプレートを一般ブログスタイルに変更する
┣表紙ページ　

　テンプレートを一般ブログスタイルに変更する
┣Novel List　

　テンプレートを一般ブログスタイルに変更する
┣目次ページ　

　テンプレートを一般ブログスタイルに変更する
┣小説本文(個別記事）ページ　

　テンプレートを一般ブログスタイルに変更する
┣イラストリスト　

　テンプレートを一般ブログスタイルに変更する
┣全記事一覧ページ(All Titlelist 総目次)　

　テンプレートを一般ブログスタイルに変更する
┣その他・共通ページ　

　テンプレートを一般ブログスタイルに変更する
┣携帯用テンプレートのカスタマイズ　

　テンプレートを一般ブログスタイルに変更する
┣テンプレート別のカスタマイズ　

　テンプレートを一般ブログスタイルに変更する
┣サイト内配布テンプレート　

　テンプレートを一般ブログスタイルに変更する
┣テンプレートの衣替え　

　テンプレートを一般ブログスタイルに変更する
┗裏技カスタマイズ　

　テンプレートを一般ブログスタイルに変更する

総もくじ

テンプレート一覧共有テンプレート画像のためのカテゴリ

┣novel-templateタイプ　

　テンプレートを一般ブログスタイルに変更する
┣novel-tempタイプ　

　テンプレートを一般ブログスタイルに変更する
┣novel-Sタイプ　

　テンプレートを一般ブログスタイルに変更する
┣novel-Rタイプ　

　テンプレートを一般ブログスタイルに変更する
┣novel-Gタイプ　

　テンプレートを一般ブログスタイルに変更する
┣novel-Jタイプ　

　テンプレートを一般ブログスタイルに変更する
┣novel-Cタイプ　

　テンプレートを一般ブログスタイルに変更する
┣素材屋風テンプレート　

　テンプレートを一般ブログスタイルに変更する
┣疑似フレームテンプレート　

　テンプレートを一般ブログスタイルに変更する
┣novel-PF2タイプ　

　テンプレートを一般ブログスタイルに変更する
┣夢小説用テンプレート　

　テンプレートを一般ブログスタイルに変更する
┣イラストリスト付きテンプレート　

　テンプレートを一般ブログスタイルに変更する
┣携帯用テンプレート　

　テンプレートを一般ブログスタイルに変更する
┗一般ブログ用テンプレート　

　テンプレートを一般ブログスタイルに変更する

総もくじ

テンプレート情報共有テンプレート画像のためのカテゴリ

┣バージョンアップや改訂内容　

　テンプレートを一般ブログスタイルに変更する
┣不具合の修正　

　テンプレートを一般ブログスタイルに変更する
┣その他お知らせなど　

　テンプレートを一般ブログスタイルに変更する
┗管理人のおススメ　

　テンプレートを一般ブログスタイルに変更する

未分類

カスタマイズの備忘録

総もくじ

小説サンプル（親カテゴリ）共有テンプレート画像のためのカテゴリ

┣風立ちぬ　

　テンプレートを一般ブログスタイルに変更する
┣雪の女王　

　テンプレートを一般ブログスタイルに変更する
┣銀河鉄道の夜　

　テンプレートを一般ブログスタイルに変更する
┣坊っちゃん　

　テンプレートを一般ブログスタイルに変更する
┗幸福の王子（夢小説サンプル）　　

　テンプレートを一般ブログスタイルに変更する

総もくじ

画像のためのカテゴリ共有テンプレート画像のためのカテゴリ

┗人物イラストのためのカテゴリ　

　テンプレートを一般ブログスタイルに変更する

　ランキングに参加中　～応援(クリック)していただけると嬉しいです～

素材専門検索サイトsozai-R ジャンル：SKIN配布

にほんブログ村ブログテンプレート

　　　　0574 Web Site Ranking ジャンル：Webサイト作成支援系ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪


novel-R-Over500　記事数が500件以上の場合のカスタマイズ済みメインテンプレ				一般用テンプレート固有の仕様とカスタマイズ