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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-Rf-Rose2 薔薇とレースの黒背景テンプレート →novel-Cf-Bisque
 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加Buzzurlにブックマーク
総もくじ  3kaku_s_L.png テンプレートマニュアル共有テンプレート画像のためのカテゴリ
テンプレートについて 3kaku_s_L.png スポンサーサイト
携帯用Novelテンプレート 3kaku_s_L.png スポンサーサイト
表紙ページ 3kaku_s_L.png スポンサーサイト
Novel List 3kaku_s_L.png スポンサーサイト
目次ページ 3kaku_s_L.png スポンサーサイト
小説本文(個別記事)ページ 3kaku_s_L.png スポンサーサイト
イラストリスト 3kaku_s_L.png スポンサーサイト
全記事一覧ページ(All Titlelist 総目次) 3kaku_s_L.png スポンサーサイト
その他・共通ページ 3kaku_s_L.png スポンサーサイト
携帯用テンプレートのカスタマイズ 3kaku_s_L.png スポンサーサイト
テンプレート別のカスタマイズ 3kaku_s_L.png スポンサーサイト
サイト内配布テンプレート 3kaku_s_L.png スポンサーサイト
テンプレートの衣替え 3kaku_s_L.png スポンサーサイト
裏技カスタマイズ 3kaku_s_L.png スポンサーサイト
総もくじ  3kaku_s_L.png テンプレート一覧共有テンプレート画像のためのカテゴリ
novel-templateタイプ 3kaku_s_L.png スポンサーサイト
novel-tempタイプ 3kaku_s_L.png スポンサーサイト
novel-Sタイプ 3kaku_s_L.png スポンサーサイト
novel-Rタイプ 3kaku_s_L.png スポンサーサイト
novel-Gタイプ 3kaku_s_L.png スポンサーサイト
novel-Jタイプ 3kaku_s_L.png スポンサーサイト
novel-Cタイプ 3kaku_s_L.png スポンサーサイト
素材屋風テンプレート 3kaku_s_L.png スポンサーサイト
疑似フレームテンプレート 3kaku_s_L.png スポンサーサイト
novel-PF2タイプ 3kaku_s_L.png スポンサーサイト
夢小説用テンプレート 3kaku_s_L.png スポンサーサイト
イラストリスト付きテンプレート 3kaku_s_L.png スポンサーサイト
携帯用テンプレート 3kaku_s_L.png スポンサーサイト
一般ブログ用テンプレート 3kaku_s_L.png スポンサーサイト
総もくじ  3kaku_s_L.png テンプレート情報共有テンプレート画像のためのカテゴリ
バージョンアップや改訂内容 3kaku_s_L.png スポンサーサイト
不具合の修正 3kaku_s_L.png スポンサーサイト
その他お知らせなど 3kaku_s_L.png スポンサーサイト
管理人のおススメ 3kaku_s_L.png スポンサーサイト
もくじ  3kaku_s_L.png 未分類
総もくじ  3kaku_s_L.png 小説サンプル(親カテゴリ)共有テンプレート画像のためのカテゴリ
風立ちぬ 3kaku_s_L.png スポンサーサイト
雪の女王 3kaku_s_L.png スポンサーサイト
銀河鉄道の夜 3kaku_s_L.png スポンサーサイト
坊っちゃん 3kaku_s_L.png スポンサーサイト
幸福の王子(夢小説サンプル)  3kaku_s_L.png スポンサーサイト
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit
   
 

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

HTMLの衣替え

 画像のないテンプレートで記事をご覧になる場合は
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-Rf-Rose2 薔薇とレースの黒背景テンプレート →novel-Cf-Bisque
 

novel-PF,PF2タイプ以外限定


個々のブログが掲載している小説(カテゴリ)の数や表示させるプラグイン3は違うので、テンプレートによっては、DL時のオリジナルのままでは、なんとなくページ全体のバランスが悪く見える事もあると思います。

そんな時はHTMLの衣替えがおススメです。

スタイルシートを衣替え(変更)するとデザインや背景色などが一新されますが、HTMLを衣替え(変更)した場合は背景画像や背景色などデザインはほぼ同じまま表紙ページのレイアウトを変更できます。

自ブログの表紙ページの現状にあったレイアウトが見つかるかもしれません。

表紙ページのレイアウト(タイプ別)



スタンダードタイプtempタイプtemp-type.gifスタンダード(novel-template)タイプとtempタイプのHTMLは同じです。
プラグイン3はサイドメニュー、メニューボタン下に縦一列表示されます。

サイドカラムが長くなると全体のバランスが悪いので、掲載小説(カテゴリ)の数が少なく、プラグイン3は、拍手ボタンやアクセスカウンターなどコンパクトで少なめの場合に向いています。
SタイプS-tylpe.gifSタイプはスタンダードタイプ・tempタイプとほとんどおなじですが、プラグイン3がフッターの上に横に並んで表示されます。
プラグイン3に表示させるコンテンツが多い場合におススメ。
RタイプR-type.gifRタイプはSタイプとほとんど同じですが、ご案内(サイト説明文)がヘッダー内、ブログタイトル下に表示されます。
CタイプC-type.gifプラグイン3は、メイン(右)カラムの「最近の更新」の下に「最近の更新」と同じ幅、同じスタイルで表示されます。メールフォームなど広いスペースに表示したいコンテンツがある場合に最適です。

比較的小さいスペースで事足りるバナーや拍手タグなどは、HTMLのフリースペース(2)の個所に追加すると、サイドメニューのメニューボタン下に表示されます。

またメニューボタンはJavaScript有効時クリックで開閉します。小説タイトルも全てMainというリンクボタンに収納されているので掲載小説が多い場合にもおススメです。

JavaScript無効時は最初から開示されます。カスタマイズ次第で、折りたたみの開閉は振り分けられます。
詳しくは[折りたたみの(初期設定の開閉)設定を変更する]を御参照ください。
 新しいタイプなので衣替えをする場合のスタイルシートは ver1202 以降推奨
GタイプG-type.gifJavaScript有効時、メインカラムは画像のみが表示。
コンテンツは全てサイドカラムに表示され、メニューボタンをクリックすると開閉します。

DL時は「ご案内」と「最近の更新」のみ開示。それ以外は折りたたまれていますが、カスタマイズ次第で、折りたたみの開閉を振り分けられます。

詳しくは[折りたたみの(初期設定の開閉)設定を変更する]を御参照ください。

Cタイプと同じく、小説タイトルも全てMainというリンクボタンに収納されているのでJavaScript有効時に限れば、掲載小説が多い場合にもおススメ。
無効時は、スタンダードタイプ・tempタイプと同じレイアウトで表示されます。
JタイプJ-type.gifJavaScript有効時、メニューボタンをクリックするとコンテンツがメインカラム上にポップアップで表示されます。

無効時はスタンダードタイプ・tempタイプと同じレイアウトで最初からメインカラム上に表示されます。

 新しいタイプなので衣替えをする場合のスタイルシートは ver1109 以降推奨



衣替えカスタマイズ



頃も替えの手順はスタイルシートではなく、HTML部分を差し替えるだけでほとんど同じです。

(1)スタイルシートの確認


まず、最初に、現在適用中のテンプレートの衣替えが可能かどうか確認します。
仮に、この適用中のテンプレートをテンプレートAとよびます。
テンプレートの管理画面を開きます。

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


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

スタイルシート編集]部分の冒頭を確認します。

衣替えができるテンプレートはスタイルシートの冒頭に以下のような説明があります。

~ 中略 ~ あればスタイルシートを交換することで
簡単に衣替えできますが、衣替えをする場合は素材提供サイト様の著作権表示がある
HTMLの最後にあるコピーライト部分も必ず変更してください。


上のような記載があれば衣替えできます。(HTMLが統一されていない)改訂前のテンプレートにはその記述がなく、衣替えはできません。

 また、Jタイプ や Cタイプ に衣替えする場合はバージョン№もご確認ください。
Jタイプの場合は(ver1109)以降、Cタイプであれば(ver1202)以降のバージョン№であればOKですが、それ以前のバージョン番号のスタイルシートは、Jタイプ・CタイプのHTMLとは衣替えはできませんのでご注意ください。

(2)適用中のテンプレートのコピー


テンプレートAの衣替えできることが確認できたらそのコピーをとります。
コピーのとり方は こちら
このコピーを便宜上テンプレートBと呼びます。
コピーをとったので、現在の管理画面は、テンプレートBの編集画面になっているはずです。

(3)衣替え用の別タイプ(レイアウト)のテンプレートをDL


テンプレートBの編集画面をそのままにして別窓を開いて、衣替え用のテンプレートをDLします。
画面の上部の【共有テンプレートの追加】⇒右クリック⇒【新しいウィンドウで開く】⇒クリック
衣替え用のテンプレートをDLしたら、そのテンプレートの編集画面を開きます。
この衣替え用にDLしたテンプレートをテンプレートCとします。

(3)著作権表示の変更


スタイルシートの衣替えの時は テンプレートC の著作権表示を テンプレートB の[HTML編集]部分の同じ箇所に貼り付けて差し替えましたが、今回はHTMLの衣替えですから、反対の作業になります。

テンプレートB の著作権表示を 
テンプレートC の同じ箇所に貼り付けて差し替える

(4)HTMLを差し替える


テンプレートC の[HTML編集]部分にカーソルを持っていき
 右クリック ⇒ 【すべて選択】をクリック 
反転したら
もう一度 右クリック ⇒ 【コピー】をクリック

そのままテンプレートB の編集画面にもどり、[HTML編集]部分に、カーソルを持ってゆき、
右クリック ⇒【すべて選択】をクリック 
反転したら
もう一度右クリック ⇒ 【貼り付け】をクリック

更新する前に、間違いがないか確認します。
テンプレートB の 【 プレビュー 】 をクリック

表紙ページのプレビュー画面が別窓で開かれます。
レイアウトや著作権表示がテンプレートCのものに変更されているか確認し

問題がなければ、
テンプレートB の 【 更新 】 をクリック

最後に適用中のテンプレートを テンプレートA から テンプレートB に変更

注意テンプレートによっては背景のランダム表示やフルスクリーン表示、クロスフェード表示のためのスクリプトやソースがHTMLに追加されています。変更以前の適用中のテンプレート テンプレートA のHTMLに追加ソースがある場合は、テンプレートBのHTMLにもそれらを追加しなければ同じデザインにはなりませんのでご注意ください。衣替え用のテンプレートCのHTMLに追加ソースがあった場合は予め削除してからテンプレートBの編集画面へコピペしください。


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

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

関連記事
スポンサーサイト
Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加Buzzurlにブックマーク
総もくじ  3kaku_s_L.png テンプレートマニュアル共有テンプレート画像のためのカテゴリ
テンプレートについて 3kaku_s_L.png HTMLの衣替え
携帯用Novelテンプレート 3kaku_s_L.png HTMLの衣替え
表紙ページ 3kaku_s_L.png HTMLの衣替え
Novel List 3kaku_s_L.png HTMLの衣替え
目次ページ 3kaku_s_L.png HTMLの衣替え
小説本文(個別記事)ページ 3kaku_s_L.png HTMLの衣替え
イラストリスト 3kaku_s_L.png HTMLの衣替え
全記事一覧ページ(All Titlelist 総目次) 3kaku_s_L.png HTMLの衣替え
その他・共通ページ 3kaku_s_L.png HTMLの衣替え
携帯用テンプレートのカスタマイズ 3kaku_s_L.png HTMLの衣替え
テンプレート別のカスタマイズ 3kaku_s_L.png HTMLの衣替え
サイト内配布テンプレート 3kaku_s_L.png HTMLの衣替え
テンプレートの衣替え 3kaku_s_L.png HTMLの衣替え
裏技カスタマイズ 3kaku_s_L.png HTMLの衣替え
総もくじ  3kaku_s_L.png テンプレート一覧共有テンプレート画像のためのカテゴリ
novel-templateタイプ 3kaku_s_L.png HTMLの衣替え
novel-tempタイプ 3kaku_s_L.png HTMLの衣替え
novel-Sタイプ 3kaku_s_L.png HTMLの衣替え
novel-Rタイプ 3kaku_s_L.png HTMLの衣替え
novel-Gタイプ 3kaku_s_L.png HTMLの衣替え
novel-Jタイプ 3kaku_s_L.png HTMLの衣替え
novel-Cタイプ 3kaku_s_L.png HTMLの衣替え
素材屋風テンプレート 3kaku_s_L.png HTMLの衣替え
疑似フレームテンプレート 3kaku_s_L.png HTMLの衣替え
novel-PF2タイプ 3kaku_s_L.png HTMLの衣替え
夢小説用テンプレート 3kaku_s_L.png HTMLの衣替え
イラストリスト付きテンプレート 3kaku_s_L.png HTMLの衣替え
携帯用テンプレート 3kaku_s_L.png HTMLの衣替え
一般ブログ用テンプレート 3kaku_s_L.png HTMLの衣替え
もくじ  3kaku_s_L.png 未分類
総もくじ  3kaku_s_L.png 小説サンプル(親カテゴリ)共有テンプレート画像のためのカテゴリ
風立ちぬ 3kaku_s_L.png HTMLの衣替え
雪の女王 3kaku_s_L.png HTMLの衣替え
銀河鉄道の夜 3kaku_s_L.png HTMLの衣替え
坊っちゃん 3kaku_s_L.png HTMLの衣替え
幸福の王子(夢小説サンプル)  3kaku_s_L.png HTMLの衣替え
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
   

~ Comment ~

novel-C-Heart4の月別アーカイブ

いつも素敵なテンプレートを利用させていただいております。
最新のnovel-C-Heart4 羽つきハートのテンプレートもとても素敵で、一目惚れしてしまいました。
早速ダウンロードさせていただき、カスタマイズのためにいろいろ確認していたところ、表紙からリンクされている月別アーカイブのページで1点気になったところがございましたので、コメントを書かせていたきます。

HTMLの衣替えというよりはテンプレートそのものの話のように思えるので、コメントを付けるべき関連記事が適切ではないかもしれませんがご了承願います。

さて。
本題ですが、月別アーカイブページで、のサイトナビゲーションの下にAdminとWriteとEditのリンクがありますが、そのすぐ隣に「HOME」という文字が比較的目立つ色で表示されています。
他のテンプレートではこの位置にHOMEの文字は表示されていなかったように思えますし、デザイン的にも意図して表示しているものではないように思えるのですが、いかがでしょうか?
リンクも表示している月別アーカイブへのリンクがはられているようです。

ダウンロードしてきた素のままのテンプレートで確認しても、貴ブログで月別アーカイブを確認しても同様でしたので、コメントをつけさせていただきました。

本題とは関係ありませんが、このHTMLの衣替えの記事はレイアウトが図解されているのがとてもわかりやすく、非常に参考になりました。ありがとうございます。

以上、よろしくお願いいたします。

すみません、追加です。

バラバラと追加ですみません。もう一つ気付きました。
小説一覧のページの下部に表示されるBackとNextの表示が重複しているようです。

最初のページでは、
Next

Next
というように表示され、1ページ進むと
Back Next

Back Next
という表示になりました。

こちらもあわせてご確認いただければと存じます。

Re: novel-C-Heart4の月別アーカイブ

> 本題ですが、月別アーカイブページで、のサイトナビゲーションの下にAdminとWriteとEditのリンクがありますが、そのすぐ隣に「HOME」という文字が比較的目立つ色で表示されています。
> 他のテンプレートではこの位置にHOMEの文字は表示されていなかったように思えますし、デザイン的にも意図して表示しているものではないように思えるのですが、いかがでしょうか?

ご指摘の個所は、お言葉を借りれば、
他のテンプレートでも同じ位置に、デザイン的にも意図して表示させているものです。

しかし、ご質問の趣旨が、ご自身にとっては、デザイン的にも機能的にも、不要なものであるからなんとかしたいという意味であれば、<ul class="admin"></ul>内のスクリプトを<!--not_date_area--><!--/not_date_area-->で囲めば月別アーカイブページでは表示されなくなります。

但し、ご指摘の個所は、JavaScript で番号付きページナビゲーションを表示させている個所です。
1ヵ月に更新した記事数が、1ページに表示する設定件数(上限30件)内の場合はHOME、超えた場合はHOMEではなく番号ページナビが表示されます。
このページナビは「空があんなに高い」どんぱん様の「ページ移動スクリプト」をお借りしたものですが、オリジナルの状態では前後ページがない場合1と表示されるため、HOMEと表示させるように手を加えました。

> リンクも表示している月別アーカイブへのリンクがはられているようです。
>
修正を加えた結果、HOMEと表示させることはできましたが、その代わり、JS有効時Firefox等で現ページにリンクしてしまうという状況に相成りました。(無効時、またIEでは有効無効の別なくトップページへリンクします)

残念ながら、管理人のスキルでは、これが精一杯です。
それがご不満であれば、どんぱん様のオリジナルのスクリプトに変更、もしくは先に述べたように非表示にして御利用ください。

大変失礼いたしました

「HOME」の表示については、完全に私が勘違いをしておりました。
ダウンロードさせていただいている他のテンプレートでも表示を確認したつもりだったのですが、確認の仕方が悪かったようで、改めて仕様通りということで複数のテンプレートを確認させていただきましたところ、確かに他のテンプレートでも同じ位置に「HOME」の文字が表示されておりました。

以前も仕様を勘違いして失礼なご質問をしてしまったのに、今回も同じ過ちを犯してしまって大変申し訳なく思っております。

今まで1ヶ月の更新が上限の30件を超えたことのないサイトなので、機能面でこの機能のお世話になったことがございませんでしたので、的外れな指摘をしてしまい本当に失礼いたしました。

HOMEのリンク先についてもブラウザによって違いがあるとのことで、確かに私はFirefoxを使用しておりますので現ページへのリンクでしたが、IEではトップページにリンクしていることも確認させていただきました。


管理人様の作成されたテンプレートをどうにか読み解いて自己流にカスタマイズさせていただいてはおりますが、仕様が理解できている訳ではなく、トライ&エラーでどうにかカスタマイズしているような状況ですので、管理人様のスキルには本当に感服するばかりで、このようなぶしつけな質問にカスタマイズの方法まで教えてくださること、本当にありがたく思っております。

ブラウザによる表示の違いなど、ご苦労も多いかと思います。
私のぶしつけな質問にご気分を害されてしまったのではないかと、本当に申し訳なく思っております。


2件目にコメントさせていただきました件については、再度ダウンロードしたばかりの何もカスタマイズしていないテンプレートで、FirefoxとIEの表示を確認させていただきましたところ、Nextの表示はたぶっているように見えます。
こちらも私の確認方法が悪く勘違いでしたら大変申し訳ありませんが、よろしくお願いいたします。

Re: すみません、追加です。

> バラバラと追加ですみません。もう一つ気付きました。
> 小説一覧のページの下部に表示されるBackとNextの表示が重複しているようです。
>
> 最初のページでは、
> Next
>
> Next
> というように表示され、1ページ進むと
> Back Next
>
> Back Next
> という表示になりました。
>
> こちらもあわせてご確認いただければと存じます。


ご迷惑をおかけしました。
先ほど修正をかけ、公開テンプレートも更新致しましたので、
ご面倒とは存じますが、再DLしてご利用ください。

ありがとうございました

素早いご対応をありがとうございました。
カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←novel-Rf-Rose2 薔薇とレースの黒背景テンプレート    →novel-Cf-Bisque

名前変換フォーム

Script by
ブログで夢小説!ユメミル?
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。