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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←全体(長篇)の目次を1ページでつくる① →全体(長篇)の目次を1ページでつくる③
 
上記の広告は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
   
 

「テンプレートマニュアル」
全記事一覧ページ(All Titlelist 総目次)

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

 画像のないテンプレートで記事をご覧になる場合は
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←全体(長篇)の目次を1ページでつくる① →全体(長篇)の目次を1ページでつくる③
 
カスタマイズの難易度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ページで表示させるカスタマイズはコチラ


この記事は改訂以前のカスタマイズのご紹介ですので、混乱を避けるために削除も考えましたが、頂戴したコメントのためだけに残しました。

記事本文は折りたたんでありますが、一応読んでみる方はここをクリックしてください

☆ カスタマイズの前にはコピーをとりましょう!コピーのとり方は こちら  

カスタマイズの方法



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


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

HTML編集]部分をカスタマイズします。
スクロールしていくと下のように書かれた部分があるはずです。
それを削除して、タイプ①かタイプ②、どちらでもお好きな方のソースと差し替えてください。

<!--▽All 全記事一覧ページ-->
<!--titlelist_area--><div class="entry">
<h2>All Titlelist  ~全記事一覧~</h2>
<!--titlelist-->
<div class="entry-body">
<ul class="entry_state">
<li><%titlelist_year>.<%titlelist_month>.<%titlelist_day> </li>
<li>【<a href="<%titlelist_category_url>" title="【 <%titlelist_category> 】のもくじへ"><%titlelist_category></a>】</li>
<li class="entry_date"><a href="<%titlelist_url>" title="【 <%titlelist_title> 】を読む" id="entry-<%titlelist_eno>" name="entry-<%titlelist_eno>" ><font color="#900000"><%titlelist_title></font></a></li>
<li><small> 『<%titlelist_body>…<a href="<%titlelist_url>" title="全文表示">続きを読む</a>』</small></li>
<li class="back-top"><a href="#pagetop" title="↑ページトップへ">▲</a></li>
</ul>
</div>
<!--/titlelist-->
</div><!--/titlelist_area-->
<!--△All 全記事一覧ページ-->



差し替える際、以下のカテゴリ名(小説名)にはこの長篇目次に
表示したいカテゴリだけを入れます。

/*--- 小説名(カテゴリ名)を記述例 ---*/
C[0]="雪の女王";
C[1]="銀河鉄道の夜";
C[2]="坊っちゃん";

/*------------------------*/


カテゴリの数は
C[3]="";
C[4]="";
と必用なだけふやせますが、(全角・半角・大文字・小文字など)必ず正確に、
表示したいカテゴリ名に変更してください。

青字の部分は、サンプルでは I N D E X となっていますが、
長篇作品の目次に使う場合は小説のタイトルをいれてください。


サンプル① 縦並び目次(サブタイトルが縦並びに表示されるタイプ)のソース

<!--▽All 全記事一覧ページ-->

<!--▼サイトマップ▼--><!--titlelist_area-->
<div class="entry_text3">
<div class="topindex">
<div class="~"><a name="mapnavi_title"></a></div>


<div id="maplist">
<ul><!--titlelist--><li>
<span><%titlelist_category></span>
<a href="<%titlelist_url>"> <%titlelist_title></a></li>
<!--/titlelist--></ul>
<script type="text/javascript"><!--
var A=document.getElementById('maplist').getElementsByTagName('A');
var S=document.getElementById('maplist').getElementsByTagName('span');
var C=new Array(); var I=""; var Flg=false;


/*--- 小説名(カテゴリ名)を記述例 ---*/
C[0]="雪の女王";
C[1]="銀河鉄道の夜";
C[2]="坊っちゃん";

/*------------------------*/

I+='<p><img src="http://blog-imgs-32.fc2.com/n/o/v/noveltemplate/ts12-7.gif" alt="" border="0" /><h2>  I N D E X</h2></p><br />'
I+='<ul STYLE="list-style-image: url(http://blog-imgs-19.fc2.com/h/o/u/houkago8/pink.gif);">'
for (i=0;i<C.length;i++) { I+='<li><a href="#'+i+'">'+C[i]+'</a></li>' }
I+='</ul>'

for (i=0;i<C.length;i++) {
Flg=false;
I=I+'<a name="'+i+'" id="'+i+'"></a><br />';
I=I+'<p><h5>  '+C[i]+' ';
if (i!=C.length-1) {I=I+' <a href ="#'+(i+1)+'" title="次の章へ進む">▽</a>';}
if (i!=0) {I=I+' <a href ="#'+(i-1)+'" title="前の章へ戻る">△</a>';}
I=I+' <a href ="#mapnavi_title" title="一覧へ戻る">▲</a>';
I=I+'</h5></p><ul STYLE="list-style-image: url(http://blog-imgs-32.fc2.com/n/o/v/noveltemplate/dt65.gif);">';

for (j=S.length-1;j>=0;j--) {
if (C[i]==S[j].innerHTML) {
if (Flg==true) {
I+='<li><a href="'+A[k].href+'">'+A[k].innerHTML+'</a></li>';}
k=j;Flg=true;}}
I+='<li class="end"><a href="'+A[k].href+'">'+A[k].innerHTML+'</a></li>';
I+='</ul>';}
document.getElementById('maplist').innerHTML=I;
--></script>

</div>


</div></div>
<!--/titlelist_area-->
<!--▲サイトマップ▲-->


<!--△All 全記事一覧ページ-->


サンプル② 横並び目次(サブタイトルが番号などの場合横並びに表示される)

<!--▽All 全記事一覧ページ-->


<!--▼サイトマップ▼--><!--titlelist_area-->
<div class="entry_text3">
<div class="topindex">
<div class="~"><a name="mapnavi_title"></a></div>


<div id="maplist">
<ul><!--titlelist--><li>
<span><%titlelist_category></span>
<a href="<%titlelist_url>"> <%titlelist_title></a></li>
<!--/titlelist--></ul>
<script type="text/javascript"><!--
var A=document.getElementById('maplist').getElementsByTagName('A');
var S=document.getElementById('maplist').getElementsByTagName('span');
var C=new Array(); var I=""; var Flg=false;

/*--- 小説名を記述 ---*/
C[0]="雪の女王";
C[1]="銀河鉄道の夜";
C[2]="坊っちゃん";

/*------------------------*/

I+='<p><img src="http://blog-imgs-32.fc2.com/n/o/v/noveltemplate/ts12-7.gif" alt="" border="0" /><h2>  I N D E X</h2></p><br />'
I+='<ul STYLE="list-style-image: url(http://blog-imgs-19.fc2.com/h/o/u/houkago8/pink.gif);">'
for (i=0;i<C.length;i++) { I+='<li><a href="#'+i+'">'+C[i]+'</a></li>' }
I+='</ul>'

for (i=0;i<C.length;i++) {
Flg=false;
I=I+'<a name="'+i+'" id="'+i+'"></a><br />';
I=I+'<p><h5>  '+C[i]+' ';
if (i!=C.length-1) {I=I+' <a href ="#'+(i+1)+'" title="次の章へ進む">▽</a>';}
if (i!=0) {I=I+' <a href ="#'+(i-1)+'" title="前の章へ戻る">△</a>';}
I=I+' <a href ="#mapnavi_title" title="カテゴリ一覧へ戻る">▲</a>';
I=I+'</h5></p><ul class="entry_text6">';

for (j=S.length-1;j>=0;j--) {
if (C[i]==S[j].innerHTML) {
if (Flg==true) {
I+='<li><a href="'+A[k].href+'">'+A[k].innerHTML+'</a></li>';}
k=j;Flg=true;}}
I+='<li class="end"><a href="'+A[k].href+'">'+A[k].innerHTML+'</a></li>';
I+='</ul>';}
document.getElementById('maplist').innerHTML=I;
--></script>

</div>

</div></div>
<!--/titlelist_area-->
<!--▲サイトマップ▲-->

<!--△All 全記事一覧ページ-->



差し替えたら【 更新 】 をクリックする。


All Archives(全記事一覧)のページを開いて、ブラウザの更新ボタンをクリックして確認してください。今までの全記事一覧ページが上の長篇目次に変っていたらOKです。
赤字の部分を、表示したいカテゴリ名に変更するのをお忘れなく!

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

~ Comment ~

こういうテンプレートを待ってました♪

二次小説サイトをブログ形式で運営しています。
HP形式にしたくても知識に乏しく、躊躇しておりました。
このテンプレートだと、ブログなのに小説を読みやすくてとてもいいですね!

出来れば黒い背景のテンプレートも作っていただけると嬉しいのですが。
或いは背景を黒にカスタマイズ出来ればその方法を教えていただけると嬉しいです。
(多少のカスタマイズはやったことがありますが・・・)

Re: こういうテンプレートを待ってました♪

KA-Zさま
DL、そして嬉しいコメント、ありがとうございました!
ご要望の黒背景のテンプレートなるべく早く着手いたしますが、
現在FC2ブログのテンプレート申請がかなり混みあっているようですので、
一、二週間時間がかかるかと思います。
とりあえず、現在のrose シリーズのカスタマイズですが、
単純に背景を黒くするのは簡単ですが、
用いている画像の背景は透過していないので、デザイン的には
かなりアンバランスになってしまう恐れがあります。
また、仮に、テキスト部分(記事部分)の背景も黒に変える場合は
テキストの文字色も変更する必要があります。
それでもよろしければ、簡略な変更方法を記事として近日中にアップいたしますので少々お待ちくださいませ。
  • #5 Novelテンプレート管理人 
  • URL 
  • 2009.03/16 19:21 
  •  ▲EntryTop 

うわ~♪

早速のお返事嬉しいです♪ありがとうございます!
しかも黒背景、着手してくださるんですかあ~?
めちゃ嬉しい♪♪
そうか、お花の部分は透過していないから浮いちゃうんですね、そこだけ。
テキストの文字色の変更はよくやってますので多分解ると思いますが、基本的に当方、スキル無しです(笑)
うわ~、いつまででも待ちます!楽しみにさせていただきますね~!
どうかよろしくお願いいたしますデス♪

こんにちは

初めまして。
私も二次小説をブログでやっている者です。
なかなかこういったタイプのテンプレがなくて、初心者ながら早速使わせてもらっているのですが、質問があってコメントするに至りました。

「全記事一覧」のページを「長編小説目次一覧」にしたくて、表示されているソースをコピーしてみたのですが、一向に変わりません。
コピーする箇所を間違えたのかと見直したのですが、そうでもないようです。
私のやり方がおかしいのでしょうか?
私のブログを見て頂いて、直すべき箇所があったら教えてください。

長月海梨さま

DL,そしてコメント、ありがとうございました。
留守をしていたため、お返事が遅れて申しわけございません。
早速、ブログを確認させていただきましたが、カテゴリ別にはなっていないとはいえ、rose1の仕様で、表示されていますので、大きな間違いがあるわけではないと思います。
おそらくカテゴリ名の記載方法に問題があるかと思います。
新しいソースの中で書き換えていただくカテゴリ名が、正確かどうかもう一度ご確認いただけますでしょうか?
正確を期するために、菅理ページから【環境設定】⇒【カテゴリの編集】を開いて、カテゴリ一覧のリストの中から、目次に用いたいカテゴリ名をそのままコピペしてから、
C[0]="○○○";
C[1]="○○○";
C[2]="○○○";
○○○に記入してお験しください。
一語一句でも、設定したカテゴリ名と違いがあると、カテゴリ別には表示されなくなります。
念のために、このテンプレートの仕様で試してみましたが、問題なく作成表示されましたので、ご紹介したソース自体に誤りはないようです。
  • #8 Novelテンプレート管理人 
  • URL 
  • 2009.03/21 08:06 
  •  ▲EntryTop 

何とかできました

拙宅へのコメントありがとうございます。
何とか完成いたしました。
他のテンプレもDLさせていただきました。
これから贔屓にさせて頂きます。

長月海梨さま

よかったです(^v^)
他のテンプレートもDLしてくださったとのこと、
ありがとうございます!
少しづつ、バリエーションを増やしてまいりたいと思っておりますので、これからもどうぞご贔屓に♪
  • #19 Novelテンプレート管理人 
  • URL 
  • 2009.03/26 10:22 
  •  ▲EntryTop 

お世話になっております

前回、別のお問い合わせでは詳細にわたるご回答、本当にありがとうございました!
おかげさまで、少しずつカスタマイズを進め、自分仕様のテンプレができあがりつつあります。
そこであらためて質問させていただきたいのですが、ある長編小説が前後編に別れるため、親子カテゴリーにしたところ(親記事は「0」にしておくとのことでしたが「あらすじ」だけ入れてあります)、表紙のノベルリストの作品タイトルをクリックすると、「+総目次+」と子カテゴリーが表示されるようになり、「+総目次+」のほうをくりっくすると「全記事一覧」に飛ぶようになっています。
該当作品の一覧に行くように設定はしてみたものの(見よう見まねでいじってしまったので間違っている可能性が高いです)、目次としては前編、後編の表示がされないのっぺりとしたページになってしまうため、できればその作品だけでタイプ1のような目次を「+総目次+」をクリックした際に表示されるようにしてみたいと考えております。

明け方まで頑張ってはみたのですが、いかんせん初心者なものでどうにも埒が明かず、ふたたびこちらにお邪魔した次第です。
たびたびお手数をおかけして大変恐縮なのですが、設定の方法についてお教えいただけませんでしょうか(該当作品はノベルリストの一番下の作品になります)。

よろしくお願いいたします。

To: ZAKI様


お返事が遅くなり申しわけございません。明け方までのカスタマイズ作業、お疲れ様でした♪


> 目次としては前編、後編の表示がされないのっぺりとしたページになってしまうため、できればその作品だけでタイプ1のような目次を「+総目次+」をクリックした際に表示されるようにしてみたいと考えております。
>

上のご質問は、親カテゴリの目次ページで、子カテゴリ別に区分けされた形で表示させたいという意味でありましょうか?
もしそうであれば、残念ながら、現状のFC2ブログのカテゴリエリアは、親であっても子であっても全く関係なく、あくまで同一のカテゴリで分類された記事群を表示させるエリアですので、そこでは親カテゴリ子カテゴリ設定を反映させることはできないのです。親カテゴリの目次ページでもそうした表示ができたらよいのですが、目次ページはカテゴリエリア、全記事一覧ページはタイトルリストエリアでして、機能や表示形態が全く別なのです。


章(子カテゴリ)ごとの区分けもされた長篇用のその作品独自の目次がお入用であれば、全記事一覧ページをカスタマイズしていただき、特定のカテゴリだけを表示させる1ページ目次を作成していただくしかないと思います。

ユーザーの方ご自身に1ぺーじ目次を作成していただくのはご面倒ですし、親カテゴリの目次ページでは親子カテゴリ対応表示が不可能でしたので、拙作テンプレは、全記事一覧ページを以前の更新順から親子カテゴリに対応させたカテゴリ別タイトルリストに改訂致しました。

その上で、表紙メニューやNovelList、個別記事、子カテゴリの目次ページで表示される親カテゴリタイトルを、全記事一覧ページの該当親カテゴリにリンクさせることで、長篇作品用の目次として代用(?)させていたわけです。(少々不安定なのが痛い部分ですが…(^^ゞ)

親カテゴリタイトルの記事をゼロにというのも、上の設定では、親カテゴリタイトルに記事を設定しても、その記事は親を持たない単独カテゴリと同じ扱いになり、全記事一覧ページの親子カテゴリ対応表示部分にへリンクできないからでした。

ZAKIさまのご期待にそうことができず、本当に申し訳ありません。<m(__)m>
もしも、他に何かご質問などあれば、どうぞお気軽にお尋ねくださいませ。

なるほど……

管理人様、早速の詳細にわたるご回答、ありがとうございましたm(__)m
お手数をおかけしてしまいまして申し訳ありませんでした。また、うまく説明できなかった部分を私がお伝えしたかったとおりに理解してくださってありがとうございました(こちらのテンプレートを使わせていただいているというのに、あのような説明しかできず申し訳ありませんっ( ̄▽ ̄;))

それにしても一口に目次、といってもそのようなエリアに振り分けられているのですね。
ご説明いただいてようやく理解できました。
なんとなく、自分が希望する目次を用意したら、それと作品とをうまく繋げることができるのではないかな、と素人考えに安直に思ってしまいまして、なぜはじめの親子カテゴリー設定で「+総目次+」が前記時一覧の該当作品箇所に飛ぶのか、ということも、ようやく得心がいった次第です。

お忙しい中、ご丁寧な回答をいただきまして、本当にありがとうございました。
こちらでのカスタマイズ方法をいろいろ参考にさせていただいたおかげで、右も左もわからないままスタートしたブログも、ようやく自分用のサイトにすることができました。

また何かわからないことがありましたらお邪魔してお尋ねすることがあるかと思いますが、その際にはどうぞよろしくお願いいたします。

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

REINA様

DLとコメントありがとうございます。
全記事一覧ページをカテゴリ別タイトルリストに改定後に公開したテンプレートに関しては、長編用の1ページ目次はもうご不要であろうと思ってご説明を省いておりました。
混乱させてしまって、申し訳ございません。

さて、ご質問にお答えする前に、お間違えのないようにひとつだけ。
記事でも申し上げているかと存じますが、1ページ目次とは便宜上目次と呼んでおりますが、実際には、目次ページであるカテゴリエリアではなく、全記事一覧ページであるタイトルリストエリアをカスタマイズして作成するページです。
よって、一つのテンプレートだけでは、カテゴリ別の全記事一覧ページか1ページ目次、どちから片方しか表示させることはできませんのでご了承ください。

①novel-PFタイプの全記事一覧ページを1ページ目次に変更する場合

上のソースに多少手を加える必要があります。

差し替える箇所
HTMLの<!--▽All 全記事一覧ページ-->~<!--△All 全記事一覧ページ-->の部分を上のソースと丸ごと差し替えます。
次に、差し替えたソースの以下の部分を変更します。

イメージタグ<img src="http://blog-imgs-32.fc2.com/n/o/v/noveltemplate/ts12-7.gif" alt="" border="0" />を削除

<div class="entry_text3">
<div class="topindex">
    ↓ 変更
<div class="entry_all">


--></script>
</div>
</div></div>
<!--/titlelist_area-->
    ↓ </div>をひとつ削除--></script>
</div></div>
<!--/titlelist_area-->

<h5> ⇒ <h3>

</h5> ⇒ </h3>

<ul STYLE="list-style-image: url(http://blog-imgs-32.fc2.com/n/o/v/noveltemplate/dt65.gif);"> ⇒ <ul> 赤字の部分を削除

横並びにする場合は上に加えて
<ul class="entry_text6">⇒<ul class="entry6">

スタイルシート赤字の部分を削除
.entry6 {
width : 400px ;
margin : 0 20px;
padding : 10px 0px ;
line-height : 200%;
}

novel-PFタイプの全記事一覧ページを横並びにする場合
HTML
赤字の部分を削除↓
<!--titlelist-->
<li Name="<%titlelist_category_no>" ID="<%titlelist_category_no>">
<a href="<%titlelist_url>" title="<%titlelist_body>"><%titlelist_title></a>
- <%titlelist_year>.<%titlelist_month>.<%titlelist_day>
</li>
<!--/titlelist-->

スタイルシート
以下の部分を変更
.entry_all ul {
margin : 0px;
padding : 20px 0px 30px 70px;
list-style-type : square;
}
赤字の部分を変更⇒ list-style-type : none;

.entry_all li {
line-height : 130%;
margin-bottom : 5px;display : inline;
}
青字の部分を追加

質問させてください

テンプレート、さっそく愛用させていただいています。
カスタマイズも、丁寧な解説ページのおかげで、ド素人ながら着々と進めてきました……が、ここで躓いてしまいました。orz

1.30話オーバーの長編があります。
目次ページで「NEXT」をクリックせずにすむように、1ページ目次を作ろうと思いましたが、断念。
理由は、「ALL」をクリックすると、そのページしか表示されず、他の作品一覧が見られなくなってしまうため……。
(たぶん、上の方のご質問も似たようなことだったのではないかと推測していますが、当たってますでしょうか?)

2.やはり上の方(ZAKI様 http://seiyashi239.blog99.fc2.com/)のサイトを拝見し、「総目次」ボタンから作品単体のインデックスページに飛ぶように加工したかったのですが、やはり難しくて断念。
(もしこちらの方法もお分かりになりましたら、ご教授くださいませ)

3.現状ですと、「総目次」ボタンを押しても、その場所へきちんと移ってくれません。
カテゴリの並び順が後ろの作品の「総目次」をクリックしても、「ALL」ページの一番上に来てしまいます。
せめてここだけでも、上手くいくようにご指導いただきたく思います。
なにぶん、作品数が多いもので……。

では、大変お手数ですが、どうぞよろしくお願いいたします。

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

To:A様

DLとコメントありがとうございました。
お返事が遅れて申し訳ございません。
実は、金曜日に小旅行から帰ってくるとパソコンがおかしくなっておりまして、使用不可能。
本日修理に持って行きましたが、復旧は難しいようで、泣く泣く本体だけ新しいものに買い替え、先ほどようやくつなげることができました。
まだ細かい部分の設定がまだ未調整ですので、きちんとしたお返事は、もう少しお時間をいただいてからということで、とりあえず今お返事できる内容だけ…。

> 3.現状ですと、「総目次」ボタンを押しても、その場所へきちんと移ってくれません。
> カテゴリの並び順が後ろの作品の「総目次」をクリックしても、「ALL」ページの一番上に来てしまいます。
> せめてここだけでも、上手くいくようにご指導いただきたく思います。

申し訳ありません、この総目次へのリンクは、プラウザによって、アンカーリンクが無効だったりと、現状では非常に不安定なのです。
改定を重ねて、IE7以下の場合では、確実にリンクできるようにしたのですが、IE8、Firefoxでは改定後のテンプレートでも、アンカーリンクが無効になってしまうようなのです。

今後、なんとか総目次へのリンクを確実にするべく、その方策を探してみますが、時間がかかりそうです。ご迷惑をおかけして本当に申し訳ございません。<(_ _)>

ご自身でご解決なさったご様子の未分類下のラインの件ですが、ちょっとだけ補足を。
実は、切削テンプレの表紙メニューでは未分類は隠しカテゴリとして表示されない設定になっておりまして、隠したカテゴリの代わりにラインが残りますが。詳しくは表紙ページ・表紙メニュー・隠しカテゴリについて記述してあるページなどをご覧ください。

ご質問の回答になっておらず、本当に申し訳ないのですが、まずはお返事まで

いいですよ

早速のご返信、ありがとうございます!
パソコントラブルがあったとのこと、大変でしたね。
こちらは気長にお待ちしてますので、お気になさらず……。

横レスすみません

Aさん
質問なのですが、用途として、「総もくじ」の「そのカテゴリの箇所」へ飛ぶのがベストなのでしょうか?
もし「30を越えてそのカテゴリのタイトル一覧がでる」のでよければ、あんど、こちらの管理人さまのお許しがいただければ、スクリプトを検討してみます。ご使用のテンプレ名をお知らせください。

管理人さま
同じデザインのテンプレートを2つ並列で使って、片方にカスタマイズをほどこせば、できるように思うのです。改造ソースの公表を許していただければ、チャレンジしてみたいと思っております。

To:麻生様

いつもお世話になっております。
パソコンがオシャカになり、泣く泣く買い替えたものの、新しくなったパソコンに慣れず、IE8に戸惑っている管理人でございます。
IE8のバグの一つなのか、ページ内リンクが無効になることがあるようで…せっかく、麻生さまのおかげで、親カテゴリタイトルへのリンクがIE7では安定していたのに、IE8ではかなり不安定になってしまって…(/_;)
ただいまウェブで情報収集中ですが、いかんせん、情報量が少なすぎて、これまた頭を抱えております。

> 管理人さま
> 同じデザインのテンプレートを2つ並列で使って、片方にカスタマイズをほどこせば、できるように思うのです。改造ソースの公表を許していただければ、チャレンジしてみたいと思っております。

上のような次第でして、麻生様のお申し出は、管理人としては願ってもないことでございます。
麻生さまのご負担にならない加減で、何卒、何卒、よろしくお願い申し上げます。

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←全体(長篇)の目次を1ページでつくる①    →全体(長篇)の目次を1ページでつくる③

名前変換フォーム

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