表示させ、他のカテゴリの目次ページとは背景を変更して表示しています。このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。このページは、他のカテゴリの目次ページとは背景を変更して表示しています。このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。テンプレートこのページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。このカテゴリの記事ページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。カスタマイズの難易度3この作品は夢小説のサンプルですのでJavaScriptをオンにして、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!カスタマイズの難易度2...メニューボタンを追加するだけの場合カスタマイズの難易度3...ポップアップされる内容・表示設定を変更する場合novel-PFタイプ・novel-J・Jfタイプのテンプレートでは表紙ページのサイドメニューのボタンをクリックするとメインカラムにその説明がポップアップで表示されます。以下は、それらポップアップ表示に関するカスタマイズのご紹介です。ポップアップのスクリプトは「イヌでもわかるJavaScript講座」様からお借りしました。冒頭の「このJavaScript講座はプログラミング知識がない人もサンプルをただ埋め込めば使えるように作られています。」というお言葉が涙がでるほど嬉しかった管理人であります。最初に申し上げておきますが、管理人、Javaの知識全くもって皆無でありますので、こと、このポップアップに関しての、ご質問などは、平にご容赦くださいませ。「知らないなら使うな!」というお叱りを受けても仕方のない無謀さでありますが、厚顔無恥なこの暴挙を御許しくださいませ。実は管理人、ずっと以前から、このポップアップ表示を拙作テンプレ表紙メニューで使いたくて、使いたくて仕方がなかったのです。スキルはなくとも、探すのは苦にならない性質でありますので、ネットを探しまわって、コピペでOK,なんとか管理人でも装着でき、しかも装着後にも作動してくれるスクリプトにようやく出合う事ができました。念願をかなえてくださったイヌでもわかるJavaScript講座管理人様にはただただ感謝であります。以下はそのポップアップ表示のカスタマイズですが、何度も申しますが、Javaの知識ゼロの管理人でありますので、カスタマイズはHTMLに関する部分だけのご説明です。カスタマイズしたら窓が開かなくなった、あるいはとんでもないところに窓が表示されてしまう...系の事態に陥った場合には、ご自力でご解決、もしくは、再度のDLで初期設定で我慢なさってくださいませ。本当に申しわけありませんが、管理人はお力になれませんです。メニューボタンと、ポップアップ表示のソースはHTMLの別々の箇所にあります。記載されている位置・順番はテンプレートによって違いますので、スクロールしてそれぞれの箇所を探し、必要に応じて、その片方、あるいは両方の箇所をカスタマイズしてください。こんふうに上から順番に並んでいます。[HTML編集]部分をカスタマイズします。(1)メニューボタンのソース表紙メニューボタン。表紙画面の右側あるいは左側に縦一列に並んでいます。以下のリンクタグにアドレスをいれ、前後の行を削.除します。リンクボタンを既存メニューの下に追加する場合は、☆印の箇所を探して説明をご覧ください。以下のタグにコンテンツ名とアドレスを記入して前後の行を削.除してください。ポップアップで表示されるそのリンク先の説明文は、このままスクロールして★印の箇所を探して、そこに記載します。</a></h3>この行を削.除--><!--△△ポップアップ用・メニューボタンここまで△△-->(2)ホップアップ表示のソース上のメニューボタンと対になっているその説明内容。class="pop3">はじめての方はこちらをご覧ください。size="2">作品タイトルをクリックすると、もくじへとびます。▼がついているタイトルは、複数の章で構成されている長篇作品やシリーズものですのでクリックすると最初はその一覧が表示されます。クリックしてください。以下の★印の箇所に、その追加したコンテンツの説明文を記載なさると、ポップアップでその説明文が表示されます。作者ブログの解説をご参照ください。説明を書き入れてください。初期設定の【ご案内】でポップアップされるのは、ブログ開設時に100文字以内で設定した公式?なあなたのブログの紹介説明<%introduction>になります。表示される内容を変更する場合125文字以内であれば、管理画面から設定を変更するだけでOKです。テンプレートもカスタマイズしないでよいので一番簡単です。菅理ページから[環境設定]⇒【環境設定の変更】を開いて、[ブログの説明]の内容を変更してから【更新】をクリック変更する内容が125文字を超える場合は、上の(2)ポップアップ表示のソースから、<%introduction>を削除して新しい内容に差し替えます。文字色の変更や装飾、絵文字などを使う場合は、別窓で、[新しく記事を書く]画面を開いて記事と同じ様にツールをつかって作成し、それをコピペして貼り替えるとよいでしょう。メニューボタンの表示・ポップアップされる内容を変更する場合ポップアップされる内容を変更したいメニューボタンのID名(step〇〇)を確認します。HTMLをスクロールして、(2)ポップアップ表示のソースの中から、その番号が指定されている箇所(id="step〇〇")を探して変更します。</a></h3><!--▲掲載小説(カテゴリー)一覧と目次ページへのリンク▲-->メニューボタンのタイトルは、MAINと表示されているピンク色の部分です。メニューボタンのタイトルを変更する場合はここを変更したいボタンタイトルに差し替えます。メニューボタンタイトルの前のスペースはそのままに!(ボタンのリンク背景色設定のために、余白はpaddingではなくこのスペースで調整しています。余白を失くすとタイトル文字列が詰まって表示されます)ポップアップされた窓に実際に表示されるのは青字の部分です。窓に表示される説明などを変更する場合は青字の部分を書き換えます。size="2">作品タイトルをクリックすると、もくじへとびます。▼がついているタイトルは、複数の章で構成されている長篇作品やシリーズものですのでクリックすると最初はその一覧が表示されます。クリックしてください。冒頭に「はじめに」「About」を表示する「はじめに」や「About」などのサイトの説明記事がある場合はそのページへのリンクボタンを追加できます。初期設定時は非表示になっていますが、step1がそれに当たります。HTML内の説明の通り、前後のタグを削除して、赤地に白抜きの部分に記事のアドレスを入れてください。青字部分はじめての方はこちらをご覧くださいを変更します。初期設定では非表示になっていますが、新しいコンテンツを表紙メニューに追加する場合に備えて、予備のメニューボタン、ならびにその説明がポップアップで表示されるソースがHTMLの中には予め記載されています。HTML中の説明に従って、それぞれ、メニューボタンのソースにはコンテンツ名、リンク先アドレス、ポップアップのソースには、表示させたい内容を記載して前後のタグを削除します。予備のボタンで足りない場合は、step以下の通し番号だけを違えて、メニューボタン、ポップアップ表示の二箇所にそれぞれ追加してください。表紙メインフレームにカードが表示されるデザインでは、最初からご案内として、<%introduction>サイト説明が表示されます。これを他のテンプレートと同じ様に最初は何も表示させない、もしくは、【ご案内】以外のコンテンツを表示させる事ができます。[スタイルシートの編集]部分をカスタマイズします。最初は何も表示させないスタイルに変更する場合は以下の部分を探して全て削除します。#step0{visibility:hidden;}最初から表示される内容を【ご案内】から他のコンテンツに変更する場合は、ID名(#step0)を表示させたいコンテンツのIDに変更します。追加した『コンテンツ名(2)』(例)【ご案内】から変更して【最近の更新】を最初から表示させる場合は以下のようにID名を#step0から#step4に変更します。~カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。非公開コメント投稿可能です。Template名前変換フォームJavaScriptがOFFのため、変換できません。byブログで夢小説!ユメミル?JavaScriptをオンにするとここに目次が表示されます。