彼此ともつかぬ場所


□ スポンサー広告 □

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




BACK|目次NEXT
*    *    *

Information

□ 使用方法 □

for_novel シリーズ 基本的な使い方

「for_novel シリーズ」の基本的な使い方です。テンプレート使用にあたっての注意事項などは、「共有テンプレート一覧」から各々の解説記事をご覧ください。

 ※ 以下の解説に使われている行番号は、最新版のテンプレートに準拠しています。
 未改造にもかかわらずお手元のテンプレートと相違がみられる場合は、是非最新版をダウンロードし直してください。

 ※ 古いバージョンをお使いの方は、行番号以外の目印も説明に記載しておりますので、それらを参考にしてくださるようお願いいたします。
 ※ 行番号の確認方法については、「カスタマイズの際の行番号」を参照してください。

 

使い方目次


→ 小説ブログとして使う人へ
→ 小説ブログ以外で使う人へ
→ インデックスメニューの子カテゴリ折りたたみについて
→ フリースペースについて
→ インデックスにメニューを追加する
→ アクセス解析タグの入れ方
→ 「追記」の使用について
→ 使用画像を変更する
→ 文字サイズやページの幅を変更する
→ 記事に拍手やランキングバナーを設置する
→ インデックス画面の新着案内を削除する
→ インデックス画面にプラグイン3を表示する
→ 特定のカテゴリ画面(目次)に説明やバナーを表示する
→ カテゴリ画面(目次)の日付を非表示にする
→ 通常ブログ画面に特定の記事のみを表示させる
→ インデックス画面の子カテゴリ折りたたみを解除する


インデックスメニューの子カテゴリ折りたたみについて


 親子カテゴリ機能を使用して、例えば
   長編小説(親)
     ┣ 小説其の一(子)
     ┗ 小説其の二(子)
   短編小説(親)
     ┣ 小説其の三(子)
     ┗ 小説其の四(子)
 のように小説を分類すれば、インデックス画面でその子カテゴリを折りたたんで表示する事が出来ます。JavaScript が有効でない場合は、子カテゴリは最初から開いた状態で表示されますので、ご安心ください。

 ※ 子カテゴリ折りたたみ対応以前のテンプレートをお使いで、折りたたみ機能を所望される方は、新しくテンプレートをダウンロードするか、それぞれ「for_novel シリーズ インデックス画面の子カテゴリを折り畳む(2009/11/26以前版)」や「for_novel シリーズ インデックス画面の子カテゴリを折り畳む(2009/6/28以前版)」の記事をご覧ください。
 ※ 以前に当ブログでご紹介していた子カテゴリ折りたたみカスタマイズを実行なさった方は、「子カテゴリ折りたたみカスタマイズが JavaScript オフ時に対応」を是非とも参照してください。
 ※ また、この折りたたみ機能を使いたくない、という場合は、「インデックス画面の子カテゴリ折りたたみを解除する」を実行なさってください。

 親子カテゴリの設定方法について、上の例で説明しますと、ブログ管理画面の「環境設定」→「カテゴリの編集」にて、

   長編小説
   小説其の一
   小説其の二
   短編小説
   小説其の三
   小説其の四

のように、親にしたいカテゴリの下に、子にするつもりのカテゴリが来るように順番を変え、それからそれらのカテゴリの「子」チェックボックスにチェックを入れて、下にある「修正」ボタンをクリックすればOKです。
 子カテゴリ設定したカテゴリのすぐ真上のカテゴリが、自動的に親カテゴリとなりますので、カテゴリの並び順にはご注意ください。

 ※ インデックスページのメニューから、親カテゴリ記事一覧画面へはリンクされません。複数の子カテゴリの記事が混ざり合うため、目次として用を成さないからです。ご了承ください。



フリースペースについて


 ブログ管理画面の「テンプレートの設定」→「テンプレート管理」の、「HTML編集」欄にて、インデックスのフリースペースを自由に設定する事が出来ます。

■フリースペース1

<!-- ↓ フリースペース1 -->
フリースペースです。<br />
このスペースは、管理画面の「テンプレートの設定」から「HTMLの編集」の60行目あたりにありますので、ブログの説明等に書き直してご自由にお使いください。
<!-- ↑ フリースペース1 -->


 この「↓ フリースペース1」から「↑ フリースペース1」で囲まれた範囲は、自由にお使いいただけます。掲載している小説の解説や注意書きなどにどうぞご利用ください。

■フリースペース2

<!-- ↓ フリースペース2 -->
ここもフリースペースです。こちらは130行目あたり。使わない場合は忘れずに消してください。<br />
<br />
このテンプレートは、プレビューでは表紙のデザインしか見る事が出来ません。ブログ本体のレイアウトや詳しい使い方については、作者のブログを参照してください。<br />
<!-- ↑ フリースペース2 -->


 こちらも、「↓ フリースペース2」から「↑ フリースペース2」で囲まれた範囲を、自由にお使いいただく事が出来ます。使わない場合は、削除してください。

■フリースペース3

<!-- ↓ フリースペース3 -->
<!-- ↑ フリースペース3 -->


 デザインアクセントを兼ねて用意したスペースなので、デフォルトでは何も記入されておりません。
 サーチやランキングのバナーを貼り付けるなど、どうぞご自由にご活用ください。

■フリースペースのカスタマイズに際して
 改行を入れたい場合は、半角英数字で<br />と入力すれば、その場所で改行が行われます。
 その他、HTMLやスタイルシートの編集方法については、書籍や解説サイトが沢山存在しますので、そちらを参考になさってテンプレートを自分好みに改造してみてください。

 管理人がいつも参考にしているサイト
 TAG index
 WEB色見本 原色大辞典



インデックスにメニューを追加する


 掲示板や別ブログ、別サイトなどへのリンクを、インデックス画面のメニューに追加する事が出来ます。
 ブログ管理画面の「テンプレートの設定」→「テンプレート管理」の、「HTML編集」欄の121~123行目を見てください。

121行目><!-- ↓ 追加メニュー(← 使用時はこの行を丸々削除してください →)
122行目>        <div class="item add"><a href="リンク先のアドレス">リンク先の名称</a></div>
123行目> ↑ 追加メニュー(← 使用時はこの行を丸々削除してください →) -->


 この122行目を、追加したいリンクの数だけコピーして、「リンク先のアドレス」と「リンク先の名称」を該当するものに置き替えてください。
 それから、121行目と123行目を全部削除してください。これで、メニューに項目が追加されます。



アクセス解析タグの入れ方


 当テンプレートの特性上、プラグインに解析タグを設置する方法では、プラグインの表示される通常ブログ画面以外は解析が行われません。
 ブログ全体を確実に解析させるには、アクセス解析のアイコンを常に表示させなければなりません。それが可能な場所は、二箇所だけです。
 ブログ管理画面の「テンプレートの設定」→「テンプレート管理」の、「HTML編集」欄をご覧ください。40行目~43行目、701行目~713行目がそれにあたります。

<!-- ▽ 常に表示される部分 -->

<!-- △ 常に表示される部分 -->


 この「▽ 常に表示される部分」と「△ 常に表示される部分」に囲まれた間のどこかに解析タグを挿入すれば、ブログ全体を解析対象とする事が出来ます。
 この時、既に記述のある行は削除しないように気を付けてください。



「追記」の使用について


 当テンプレートにはjavascript等による追記の開閉機能はつけておりません。
 追記の表示、非表示は、表示モードによって切り替えられるため、個別記事画面の中で追記を隠す事は出来ません。当テンプレートで追記へのリンクが作成されるのは、通常ブログ画面においてのみとなります。

 個別記事画面において、本文と追記の間に区切りは一切設けていません。後書きなどを記したい場合は、後書き専用の別カテゴリを作成して新たに記事を書くか、コメント欄を利用するか、といった方法をお願いします。

 どうしても追記に後書きを書きたいという場合や、本文に注意書き等の前置きをおいて、追記部分に小説を書きたいという場合は、テンプレートで本文と追記の区切りを設定する事が出来ます。
 ブログ管理画面の「テンプレートの設定」→「テンプレート管理」の、「HTML編集」欄をご覧ください。HTMLの前半部分にある、

<!-- ▽ エントリ一覧画面以外 -->
<!--not_titlelist_area-->

<!-- ▽ 固定リンク画面 -->

の10行下に、以下のような記述があります。

259行目>    <div class="contents">
260行目>      <h2><%topentry_title></h2>
261行目>      <div class="novel"><%topentry_body><br /><!--more--><a id="more" name="more"></a><%topentry_more><br /><!--/more-->
262行目>        <hr /><a href="<%topentry_category_link>">→ 「<%topentry_category>」目次へ戻る</a></div>


 この261行目「<%topentry_body>」が本文記事の内容、「<%topentry_more>」が追記の内容を表す変数です。「<!--more-->」と「<!--/more-->」は「追記欄に記入がある場合に表示される箇所」を示す囲いで、「<a id="more" name="more"></a>」は「ココカラ追記だよ」という印です。双方ともブログ上には表示されない記述なので、本文記事と追記との間には、改行を示す「<br />」だけが存在していると言えます。
 
 もしも、本文と追記の間に区切り線を挿入したい場合は、261行目に

      <div class="novel"><%topentry_body><br /><!--more--><hr /><a id="more" name="more"></a><%topentry_more><br /><!--/more-->

と、タグを追加すれば、追記の直前にラインが一本引かれます。
 線の代わりに「ここから追記です」という文字を挿入したい場合は

      <div class="novel"><%topentry_body><br /><!--more-->ここから追記です<br /><a id="more" name="more"></a><%topentry_more><br /><!--/more-->

となります。
 これらの例を参考に、<!--more-->の直後に区切りとして表示したい記述を追加してください。



BACK|目次NEXT
*    *    *

Information

Date:2009/04/29
Trackback:0
Comment:12

Comment

[218] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2011/07/24 【】  

[354] 

メニューリストの横にフリーエリアを置きたい場合、どのようにすればよろしいか.
また特定のカテゴリーにのみバナーをはりたいのですがわかりますか?
2017/02/11 【すず】 URL [編集] 

[355] >すずさん

テンプレートDLならびにご使用ありがとうございます。

>メニューリストの横にフリーエリア

お使いのテンプレートに依りますが、「フリースペース2枠」のスタイルに float を設定して、margin で位置調整をすれば、横並びに表示することはできると思います。
ただ、昨今はスマホでご覧になる方も多いため、複数カラムを多用されますと、若干見づらくなることが予想されますので、ご注意ください。

>特定のカテゴリーにのみバナーをはりたい

これについては、記事を記しておりますので、そちらをご参照ください。

for_novel シリーズ 特定のカテゴリ画面(目次)に説明やバナーを表示する
http://greenbeetle2.blog117.fc2.com/blog-entry-84.html
2017/02/13 【GB】 URL [編集] 

[356] http://moonsuzumaru.blog.fc2.com/

早々にご返信いただきありがとうございます。ペンギンのテンプレートを使っているのですが、この場合はスタイルシートのみ書き換えということでよろしいのでしょうか?
2017/02/16 【すず】 URL [編集] 

[357] http://moonsuzumaru.blog.fc2.com/

メニューリストの横にフリーエリア は解決しました。
>特定のカテゴリーにのみバナーをはりたい
カテゴリーの(記事に)が抜けておりました。
小説本文(個別記事)ページで特定のカテゴリOR作品(カテゴリ)ごとに違うバナーや定型文を表示させる
http://noveltemplate.blog26.fc2.com/blog-entry-513.htmlの方法をためしたのですが、どうもうまくいかず・・・
2017/02/16 【すず】 URL [編集] 

[358] >すずさん

>小説本文(個別記事)ページで特定のカテゴリOR作品(カテゴリ)ごとに違うバナーや定型文を表示させる
http://noveltemplate.blog26.fc2.com/blog-entry-513.html

これは、「Novelテンプレート」さんのブログ記事なため、当方のテンプレートには当てはめられません。
なんとか応用してみますと、
記事中にある、「カテゴリ番号2の記事ページにバナーを表示させる場合の例」

<div class="c cn2 ad<%topentry_no>">ランキングバナー</div>

は、

<div class="hide show2">ランキングバナー</div>

に変えていただいて、その上で、「for_novel_penguin」のHTMLの32行目

.showinfo<%pno> { display:block; }

のすぐあとに

.show<%topentry_category_no> { display:block; }

の一行を追加すれば、表示されるようになるのではないかと思います。

表示されたバナーの配置を調整したい場合は、

<div class="hide show2">ランキングバナー</div>



<div class="hide show2 適当なスタイルクラス名">ランキングバナー</div>

のように「適当なスタイルクラス名(半角英数)」を追加して、追加したそのクラス名で、テンプレートのCSSにスタイル設定を追加すればOKです。
2017/02/17 【GB】 URL [編集] 

[359] http://moonsuzumaru.blog.fc2.com/

何度か試したのですが・・・
どうも失敗してしまいます。変更したのは
<style type="text/css">
.show<%cno> { display:block; }
.showinfo<%pno> { display:block; }
.sample1 { border-bottom:solid 3px #ff0000;}
</style>

<div class="hide show2">ランキングバナー</div> は

<!-- ↓ FC2拍手貼り付け位置(1/2) (← 使用時はこの行を丸々削除してください →)
<div class="hide show2">ランキングバナー</div>
↑ FC2拍手貼り付け位置(1/2) (← 使用時はこの行を丸々削除してください →) -->

<!-- ↓ FC2拍手貼り付け位置(2/2)(← 使用時はこの行を丸々削除してください →)
<div class="hide show2">ランキングバナー</div>
↑ FC2拍手貼り付け位置(2/2)(← 使用時はこの行を丸々削除してください →) -->

につけました

結果的にカテゴリの記事にはなにも表示されなくて・・・
なにかまちがっているのでしょうか?
2017/02/19 【すず】 URL [編集] 

[360] >すずさん

個別記事ページでは

.show<%cno> { display:block; }

の <%cno> は使用できない変数なのです。
なので、一つ前の返信で申し上げたとおり、

.show<%topentry_category_no> { display:block; }

を追加しなければなりません。

あと、念のために記しておきますが、ランキングバナーを貼りつけた際は、

>(← 使用時はこの行を丸々削除してください →)

のとおりに指定行の削除を忘れないでくださいね。
2017/02/20 【GB】 URL [編集] 

[361] http://moonsuzumaru.blog.fc2.com/

たびたびすみません。私のやりかたが悪いとは思うのですが、念のため何も手をつけていない「for_novel_penguin」でためしてみました。
まず以下のように追加しました。

<style type="text/css">
.show<%cno> { display:block; }
.showinfo<%pno> { display:block; }
.show<%topentry_category_no> { display:block; }
</style>

そして
<!-- ↓ FC2拍手貼り付け位置(1/2)(← 使用時はこの行を丸々削除してください →)
<div class="hide show2">ランキングバナー</div>
↑ FC2拍手貼り付け位置(1/2)(← 使用時はこの行を丸々削除してください →) -->

<!-- ↓ FC2拍手貼り付け位置(2/2)(← 使用時はこの行を丸々削除してください →)
<div class="hide show2">ランキングバナー</div>
↑ FC2拍手貼り付け位置(2/2)(← 使用時はこの行を丸々削除してください →) -->


<!-- ↓ FC2拍手貼り付け位置(1/2)(← 使用時はこの行を丸々削除してください →)
↑ FC2拍手貼り付け位置(1/2)(← 使用時はこの行を丸々削除してください →) -->

<!-- ↓ FC2拍手貼り付け位置(2/2)(← 使用時はこの行を丸々削除してください →)
↑ FC2拍手貼り付け位置(2/2)(← 使用時はこの行を丸々削除してください →) -->

をはずし

<div class="hide show2">ランキングバナー</div>

を加え動作確認をしたところカテゴリ2の記事にはなにも反映されておりません。

このほかになにかするべきことが残っているのか方々を探してみてもなかなか見当たらずです。

あともう一つ。
カテゴリ目次⇒記事で
その記事にプラグイン3を加えたい場合はどのようにすればよろしいのでしょうか?
2017/02/21 【すず】 URL [編集] 

[362] >すずさん

ランキングバナーの件、このブログや本館ブログ、あと、テンプレート試運転用ブログで試してみたところ、すずさんの仰るとおりに表示されませんでした。
テンプレート用変数のマニュアルを読む限り、問題なく表示されると思っていたのですが。申し訳ありません。

原因が分からないため、今のところ私には対処のしようがありません。
ご面倒でしょうが、目的のカテゴリの記事を書く際に、記事内にランキングバナーを貼りつける、という方法で対応していただけますか?


>カテゴリ目次⇒記事で その記事にプラグイン3を加えたい場合

記事の固定リンク画面にプラグイン3を表示させる、ということでしたら、
テンプレートの572~582行目にある

<!-- プラグイン3 -->
<!--plugin_third-->
<div class="plugin">
<h2 style="text-align:<%plugin_third_talign>"><%plugin_third_title></h2>
<div class="memo">
<div style="text-align:<%plugin_third_ialign>"><%plugin_third_description></div>
<%plugin_third_content>
<div style="text-align:<%plugin_third_ialign>"><%plugin_third_description2></div>
</div>
</div>
<!--/plugin_third-->

を、251行目の

<!-- ▽ 固定リンク画面 -->

から、368行目の

<!-- △ 固定リンク画面 -->

の間のお好きな場所に移動させれば表示されます。(確認済み)
2017/02/23 【GB】 URL [編集] 

[363] 

初めましてこんにちは
SKYのテンプレートをお借りしています。
アクセス解析を常に表示されている部分に記入したんですが
広告がでてこないので反映されてないのかと思い質問に参りました。

常に表示される部分二箇所とも試しましたが広告はでませんでした。
何かアドバイスを頂きたいです
2017/03/11 【ココ】 URL [編集] 

[364] >ココさん

初めまして。テンプレートご愛用ありがとうございます!

FC2のアクセス解析でしたら、私も使っております。このブログと、本館ブログの両方に同じタイプ(ソーシャル解析タイプ)のものを、同じような場所に入れています。
具体的な箇所は、上下二つの「常に表示される場所」のうち、下の部分です。

このページの下部、「Powerd By FC2ブログ copyright ~」と記されているすぐ上に、テキスト広告が三行にわたって挿入されているのが見えると思いますが、このうち、下二行がアクセス解析の広告です。

ですが、同じように解析を入れているはずの本館ブログ、
http://greenbeetle.blog51.fc2.com/
では、何故かアクセス解析の広告が表示されていません。ページの一番下に、一行、ブログ付属の広告だけが表示されている状態です。

二つのブログで広告表示の有無が違っている理由は、私には分かりませんが、双方のブログにてアクセス解析は間違いなく正常に動いております。

ですので、ココさんの場合も、広告が表示されていなくても、アクセス解析はきちんと働いているのではないでしょうか。

あまりお役に立てなくて申し訳ありません。
2017/03/12 【GB】 URL [編集] 

コメントの投稿

コメント書き込みの前に、是非一度「コメントについて」に目をお通しください。







 ブログ管理者以外には秘密にする

Trackback

TrackbackUrl:http://greenbeetle2.blog117.fc2.com/tb.php/15-1a6f4a29
この記事にトラックバックする(FC2ブログユーザー)

 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。