FC2ブログ

Novel テンプレート

このページは、読みやすさを重視して、画像のないプレーンなタイプのテンプレートで表示させています。元のデザインテンプレートに戻るには  Home  をクリックしてください。

   タイトルをクリックすると、記事が表示されます。

【 カスタマイズの難易度4 】 記事一覧 



全体(長篇)の目次を1ページでつくる②  

全記事一覧ページ(All Titlelist 総目次)

カスタマイズの難易度4 カスタマイズの難易度4

全体(長篇)の目次を1ページでつくるカスタマイズ



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

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

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

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

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

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


2012.6.29追記親子カテゴリ設定をしていない50話を超える作品の目次を1ページで表示させるカスタマイズはコチラ
関連記事
スポンサーサイト



この記事にコメン卜するこの記事にコメン卜する



NovelListの「もくじ」から1ページ目次にリンクさせる  

Novel List

カスタマイズの難易度4 カスタマイズの難易度4

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

現在のNovelListのもくじをクリックして、1ページ目次へリンクさせるためには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ページ目次)に固定されてしまうことになります。一つのブログに一つの作品だけ、1ページ目次も一つしか使わない場合は問題ないのですが、そうではない場合はこのままですと不都合です。

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

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

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

下が第一部の1ページ目次のアドレスになります。
<%url>?all&template=sepia-19
ブログのアドレス?all&template=テンプレートの名前-カテゴリ番号


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

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


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


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





関連記事

この記事にコメン卜するこの記事にコメン卜する



特定のカテゴリの目次ページのカスタマイズ (1)特定のカテゴリの目次に説明などを追加する  

目次ページ

カスタマイズの難易度4 カスタマイズの難易度4

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



関連記事

この記事にコメン卜するこの記事にコメン卜する



特定のカテゴリの目次ページのカスタマイズ (2)記事タイトルが通し番号のカテゴリの目次を横並びで表示する  

目次ページ

カスタマイズの難易度4 カスタマイズの難易度4

osirase-ani02.gif2010.7.1.追記改訂版のテンプレートのHTMLには、予め特定カテゴリの目次を横並びで表示する場合のソースが埋め込まれていますので、以下で説明している方法に比べてカスタマイズが容易になりました。
詳しくは 【改定版 簡単カスタマイズ】特定のカテゴリの目次ページを横並びにする
関連記事

この記事にコメン卜するこの記事にコメン卜する



特定のカテゴリの目次ページのカスタマイズ (3)アルバムのように画像が一覧できるスタイルにする  

目次ページ

カスタマイズの難易度4 カスタマイズの難易度4

osirase-ani02.gifこの記事でご紹介しているカスタマイズは少々複雑で、初心者の方は手が出し辛いようでしたので、でご紹介している画像表示のためのカスタマイズが、予め施してある、イラストリスト(Illust List)付きテンプレートを作成致しました。詳しくは「イラストリストの説明」イラストリスト付きテンプレート 特定のカテゴリの目次で画像を一覧させる」をご覧ください。



関連記事

この記事にコメン卜するこの記事にコメン卜する



特定のカテゴリの目次ページのカスタマイズ (4)カタログのように飾り枠付きの画像と説明文を添えて表示する  

目次ページ

カスタマイズの難易度4 カスタマイズの難易度4

まずはどういう風になるのかサンプルの目次をごらんください。 コチラサンプル

以前、NovelListに画像も表示させるカスタマイズとして、追記部分にリストのための小さめの画像と説明を追加する方法をご説明しましたが、こと、画像のある記事に、説明文をつけて作成するのであれば、これからご紹介するカスタマイズの方がはるかに簡単です。


このカスタマイズはどりーみー様のアイディアをお借りしました。本当にスマートですばらしいカスタマイズです!
どりーみー様ありがとうございます。
(どりーみー様は画像メインのサイト様にぴったりの、実に個性的かつ機能的なテンプレートを数多く公開なさっておられますので、イラストサイトさま、写真サイトさまにはおススメです。詳しくはコチラコチラ


osirase-ani02.gifこの記事でご紹介しているカスタマイズは少々複雑で、初心者の方は手が出し辛いようでしたので、でご紹介している画像表示のためのカスタマイズが、予め施してある、イラストリスト(Illust List)付きテンプレートを作成致しました。詳しくは「イラストリストの説明」イラストリスト付きテンプレート 特定のカテゴリの目次で画像を一覧させる」をご覧ください。
関連記事

この記事にコメン卜するこの記事にコメン卜する



個別記事ページを二種類のスタイルで表示する  

小説本文(個別記事)ページ

カスタマイズの難易度4 カスタマイズの難易度4

改訂前のnovel-PF.novel-PF2以外のスタイルシートには個別記事ページのデザインを変更できる二種類のスタイルが組み込まれておりました。改訂版も、スタイルシート内の(A)(B)二行を削除する事で、ダウンロード時のスタイルとは別のスタイル、レイアウトで表示できるのは同じです。
個別記事の表示をコンパクト版・ワイド版に変更する

違うのは、コンパクト版かワイド版、変更はできても、どちらか一方のスタイルでしか選択できなかった改訂以前と違って、改訂版は、一つのテンプレート内で、カテゴリ、もしくは記事によって、二種類のスタイルでの表示が可能になった事です。
ダウンロード時、改訂版のテンプレートでは、カテゴリ番号0のカテゴリ(初期設定では未分類)と、それ以外のカテゴリとは別のスタイルで表示されます。

実際の表示例 novel-R-Sepiaの場合 
未分類カテゴリの記事ページ   未分類以外のカテゴリの記事ページ

カテゴリ0以外の記事ページのスタイルを別表示にする場合はカスタマイズが必要です。

カテゴリ番号の確認


未分類以外のカテゴリを別スタイルで表示させたい場合は、カスタマイズの前に表示を変更させたいカテゴリの番号を確認しておきます。
カテゴリ番号は[カテゴリの編集]画面のカテゴリ一覧リストの一番左、# をクリックすると表示される番号がそれですが、目次ページのアドレスからも確認できます。
http://noveltemplate.blog26.fc2.com/blog-category-〇〇.html
〇〇がそのカテゴリのカテゴリ番号です。

関連記事

この記事にコメン卜するこの記事にコメン卜する


H O M E


 難易度別カスタマイズ ▼


 よくあるご質問


 カスタマイズの手引き


 テンプレートマニュアル ▼