「テンプレートマニュアル」
全記事一覧ページ(All Titlelist 総目次)
全記事一覧ページ(総目次)を別テンプレートで作成する
画像のないテンプレートで記事をご覧になる場合は



記事数が100件を超える場合、全記事一覧ページ(総目次)を1ページで表示するには、適用中のテンプレートのHTMLをカスタマイズし、記事を更新する度に記事タイトルとリンクを一覧ページに追加する作業が必要になります。詳しくは

しかし、ただでさえ、遠大なHTMLを有する拙作テンプレの場合、全記事一覧ページの手書きソースが追加すると、テンプレートの更新に異常に時間がかかったり、時にフリーズしてしまうことがあります。
以下は、こうした事態を避け、テンプレートの負荷を減らすため、別テンプレートで全記事一覧ページを表示させるためのカスタマイズです。
カスタマイズの方法
全記事一覧ページ(総目次)用の別テンプレート(以下サブテンプレートとする)を用意する。
現在適用中のテンプレート(以下メインテンプレートとする)のHTML内の全記事一覧ページ(総目次)へのリンク先を(サブテンプレートのアドレスに)変更する。
サブテンプレートのカスタマイズ
最初に現在適用中のテンプレートをコピーします。
[菅理画面]⇒[環境設定]⇒【テンプレートの設定】をクリックして
[テンプレートの管理]ページを開く
[テンプレートの管理]ページを開く

【複製】 をクリック
適用中のテンプレートがコピーされ、その編集画面が開きます。
このコピー(テンプレート)の名前を変更します。
コピーの名前を All_List に変更します。

このテンプレートの名前は任意のものではなく、必ずAll_Listにします。
All_List | 【 更新 】 |
変更する名前【 All_List】を記入して
【 更新 】 をクリック
テンプレートのコピー・名前の変更について詳しくは

コピー(テンプレート)の名前が All_List に変更されました。
このテンプレートAll_List のHTMLを全記事一覧ページ(総目次)表示用に差し替えます。
適用中のテンプレートが
PFタイプ・PF2タイプの場合は

PFタイプ・PF2タイプ以外の場合は

表示された画面にカーソルをもっていき
そのままカーソルをAll_List の 【HTMLの編集画面】にもっていき
これでサブテンプレートの枠組みとなる部分が準備できました。
プレビューをクリックして確認します。
【 プレビュー 】 をクリック
メイン表示はまだなく、代わりに、以下のように表示されていればOKです。
/////////ここに総目次のソースを貼りつける////////////////////
HTML内に記述された上の部分を探し、そこに総目次のソースを貼りつけていきます。
総目次のソースについては、「全記事一覧ページ(総目次)を1ページで作成する」で解説しておりますのでご覧ください。
この記事で解説している『目次表示用のテンプレートを用意する』と『目次用ソースをコピペする』を参照してください。
『適用中(メイン)のテンプレートの下準備』については必用ありません。
目次表示用のテンプレートを用意し、その中の必用な個所をそのままコピーしてサブテンプレートの指定された個所に貼りつければOKです。
尚、アクセス解析、アクセスカウンター等を設置する場合は、メインテンプレートに設置したタグを、そのままコピペしてサブテンプレート内の指定してある位置に貼りつけてください。
メインテンプレートのカスタマイズ
サブテンプレートは用意できましたので、次にメインテンプレートのカスタマイズをします。
HTML内の全記事一覧ページ(総目次)へのリンク先を <%url>archives.html からサブテンプレートのアドレス <%url>?all&template=All_List に変更します。
テンプレートのカスタマイズの前に、パソコンのメモ帳を開いておきます。
管理画面は、サブテンプレート All_List の編集画面になっていますので、メインテンプレートの編集画面を別窓で開きます。
テンプレートのリストの中、適用中のテンプレートには左側に赤い旗が付いています。
その赤い旗のついている欄の【編集】を右クリック⇒【新しいウィンドウで開く】もしくは【新しいタブで開く】をクリック⇒メインテンプレートの編集画面を開きます。
PCテンプレート [ テンプレート名 ] 適用中
[ テンプレート名 ] のテンプレート名変更
テンプレート名 のHTML編集
テンプレート名 のスタイルシート編集 こんなふうに上から順番に並んでいます。
[HTML編集]部分をカスタマイズします
メインテンプレートのHTMLをメモ帳へコピペします。
カーソルをHTML編集のテキストエリアにもってゆき、
右クリック ⇒ 【すべて選択】をクリック
反転したらもう一度
右クリック ⇒ 【コピー】をクリック
そのままカーソルをさっき開いたメモ帳の上に持ってゆき、
右クリック ⇒ 【貼り付け】をクリック
メモ帳に、テンプレートのHTMLが丸ごとコピペされたと思います。ここからはメモ帳の上での作業になります。
メモ帳の置き換え機能をつかって文字列を変換します。
メモ帳のツールバーの、
【編集】⇒【置き換え】をクリック
細長く小さな別窓が開かれます。
その窓の【検索する文字列】の欄に
<%url>archives.html
【置き換えする文字列】の欄に
<%url>?all&template=All_List と入れて
【すべて置き換え】をクリック
置き換えが終わったら、
右クリック ⇒ 【すべて選択】をクリック
反転したら
もう一度 右クリック ⇒ 【コピー】をクリック
ブログ画面にもどって、さきほどのHTMLの編集テキスト部分に、カーソルを持ってゆき、
右クリック ⇒【すべて選択】をクリック
反転したら
もう一度右クリック ⇒ 【貼り付け】をクリック
これでメインテンプレートの全記事一覧ページのリンク先アドレスは、サブテンプレートになったはずです。念の為に、
【 プレビュー 】 をクリックして確認します
(実際のページではなく、プレビュー画面です。この時点ではまだ、実際のブログは変更が反映されていません。)
プレビューされたメインテンプレートの表紙ページのメニューにある全記事一覧ページへのリンクボタンALLをクリックします。
全記事一覧ページがサブテンプレートで表示されていたら
【 更新 】 をクリック
フッター部分(素材サイト様のリンク変更)
最後にサブテンプレートのフッター部分、素材サイト様のリンクを変更します。

メインテンプレートのフッター部分のHTMLをスクロールしてフッター部分を探します。
novel-PF・PFタイプの場合の例 フッター(2)と間違えないように注意!
</div><!--/entry_body-->
<!--▼ HTMLやスタイルシートを交換する場合はここから差し替えてください-->
<!--▼▼▼▼ フッター(1)( FC2 コピーライト )▼▼▼▼-->
<!-- ※ FC2の著作権表示・広告等は消せません -->
<div class="footer">
copyright © <%blog_name> all rights reserved. <br />
Material : <a href="素材サイトアドレス" target="_blank" title="">素材サイト名</a>
Template by <a href="http://noveltemplate.blog26.fc2.com/" target="_blank">Novel Template</a>
<br /><%ad> <%ad2>
</div>
<!-- ※ FC2の著作権表示・広告等は消せません -->
<!--▲▲▲▲ フッター(1)( FC2 コピーライト )▲▲▲▲-->
<!--▲ HTMLやスタイルシートを交換する場合はここまで差し替えてください-->
</div><!--/main_box-->
novel-PF・PFタイプ以外の場合の例
<!--▼▼フッター▼▼-->
<div class="layout_footer">
<!--▼コピーライト HTMLやスタイルシートを交換する場合はここから差し替えてください-->
<div class="copyright">
Copyright © <a href="<%url>"><%blog_name></a> All Rights Reserved.<br />
Material :<a href="素材サイトアドレス" target="_blank" title="">素材サイト名</a>
Template By <a href="http://noveltemplate.blog26.fc2.com/" target="_blank">Novel テンプレート</a>
<br />
<!--削除不可広告開始--><%ad> <%ad2><!--削除不可広告終了--></div>
<!--▲コピーライト スタイルシートを交換する場合はここから差し替えてください-->
</div>
<!--▲▲フッター▲▲-->
青字の部分は素材サイト様の著作権リンクです。
青色の部分、もしくはフッター部分を丸ごとコピペし、サブテンプレートの同じ個所と差し替えます。
【 更新 】 をクリック
- 関連記事
-
- 全記事一覧ページ(総目次)を別テンプレートで作成する
- 全記事一覧ページ(総目次)を1ページで作成する
- JavaScript有効時、更新順に変更した場合のカテゴリリストのリンク先変更





┣携帯用Novelテンプレート

┣表紙ページ

┣Novel List

┣目次ページ

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

┣イラストリスト

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

┣その他・共通ページ

┣携帯用テンプレートのカスタマイズ

┣テンプレート別のカスタマイズ

┣サイト内配布テンプレート

┣テンプレートの衣替え

┗裏技カスタマイズ



┣novel-tempタイプ

┣novel-Sタイプ

┣novel-Rタイプ

┣novel-Gタイプ

┣novel-Jタイプ

┣novel-Cタイプ

┣素材屋風テンプレート

┣疑似フレームテンプレート

┣novel-PF2タイプ

┣夢小説用テンプレート

┣イラストリスト付きテンプレート

┣携帯用テンプレート

┗一般ブログ用テンプレート



┣不具合の修正

┣その他お知らせなど

┗管理人のおススメ





┣雪の女王

┣銀河鉄道の夜

┣坊っちゃん

┗幸福の王子(夢小説サンプル)

~ Comment ~
Re: どうもありがとうございました。
>
> 旧テンプレートで目次があらかじめ完成している場合は、サブテンプレートに目次のソースを貼り付ける時点で、メインテンプレート(というか、旧テンプレート)のhtmlをメモ帳にコピペしておくべきだったとあとで気がつきました。
> とにかく、メインテンプレートは重たいので、そこから目次部分を取り出してコピーするだけで時間がかかりすぎます。最終的にメインテンプレートで目次のソースが必要ないのだから、メモ帳からその部分を切り取ってしまった方が一石二鳥だったようです。(途中で気づかないでよ・・・ですが。)
>
それ、ワタクシメの失態です!
記事もそれについて、少し追加致しました。
元々は、従来のカスタムでは重くなってしまうテンプレを軽くするための対処法でしたのに、元凶である重~いソースを削除する説明を抜かしていたなんて!
申し訳ないです…<(_ _)>
> あと、カウンターを貼り付ける場所がよくわからなかったのですが(説明がなかったので)、あの位置でよかったでしょうか?
>
はい、OKです。
- #1455 Novelテンプレート管理人
- URL
- 2014.09/10 11:26
- ▲EntryTop
Re: 早々と
> 参考にして、いろいろとやってみました。
> All_Listのほうにある、PF以外の方はこちら、のソースを貼り付けると、最終段階の目次ソース表示のときに、表示されませんでした。
> cat_Listのほうは、目次ソースは表示できたのですが、<div class="entry_all">と</div>がみあたらず。
> けっきょく、私には、難しすぎたのかな、と思い、断念しました。
> その後の結果報告でした。でもテンプレは、使わせていただきます。
管理人が手抜き?をして、別ページ参照にしたので、間違えやすくなってなってしまったのかもしれませんね。
申し訳なかったです。
一応、昨日と本日、プレビューアドレスからM様が作成なさった 『Cat_List』 と 『All_List』 を拝見し、そのソースも確認をさせていただきました。
本日は『Cat_List』のプレビューが確認できないので、もしかして『Cat_List』削除、あるいは名前の変更なさってしまわれたのでしょうか?
本日現在確認できたのは、『All_List』だけでしたが、このテンプレートは、カスタマイズ上本来は、『All_List』ではなく、『Cat_List』と命名するべきテンプレートです。
しかし、こちらのソースには、<div class="entry_all"> もあり、テンプレートの名前以外の間違いは見あたりませんでした。
だとすると、カスタマイズがうまくいかなかった原因は、
こちらの現在『All_List』と命名された本来の『Cat_List』にではなく、
昨日、削除あるいは名前を変更なさった本来の『All_List』にあったことになります。
そこで、ご提案なのですが、もし、M様さえよろしければなのですが、
この現在の 『All_List』の名前を 本来の『Cat_List』に戻され、
そのうえで、本来の『All_List』を作成し直すというのはいかがでしょうか?
せっかく、本来の 『Cat_List』は正しく作成なさっているので、
ここであきらめてしまわれるのは少し惜しいなと思うのです。
今はもう確認できないのですが、昨夜みた限りでは、確かにソースから<div class="entry_all">のタグが消えていた個所がありました。
↓原本の『Cat_List』のソースにも、
http://blog-imgs-62.fc2.com/n/o/v/noveltemplate/Cat_List.txt
↓原本の『All_List』のソースにも、
http://blog-imgs-67.fc2.com/n/o/v/noveltemplate/All_List.txt
<div class="entry_all">がありますので、おそらくは、
コピペした際の単純なミスではないかと思われます。
単純なミスであれば、ソースさえ、確認させていただければ、修正個所は簡単にみつかると思います。
決して強制ではありませんが、せっかくのM様のカスタマイズがこのまま埋もれてしまうのは惜しいと思い、
ご連絡させていただきました。
ご一考いただければ幸いです。
- #1459 Novelテンプレート管理人
- URL
- 2014.09/12 11:36
- ▲EntryTop
Re: ご丁寧にありがとうございます。
> コメントを読み直して、やりなおしたところ、途中までは、昨日と違い、できました。ありがとうございます。
> ちょっと、勘違いしていたところがあったようです。
提案を受け入れてくださってありがとうございます!
ご不明な部分は御説明させていただきますので、
ぜひとも、カスタマイズを完成させてくださいませ!
>
> ただ、All-Listの編集画面に戻り、プレビューさせて、
> カテゴリータイトルをクリックしても、何もかわらない。
> 何も変わらないので、目次のソース表示ができないので、そこから先に進むことができません。
おそらく All_List と Cat_List を混合してしまったのだと思います。
プレビューで確認させていただきました。
本日現在確認できたのは、『All_List』だけでしたが、これについては全く問題なしです。
本来の名前『All_List』、そしてあるべき形で正しく表示されています。
繰り返しますが、現状では、
///ここに総目次のソースを貼りつける////
と一行だけ表示されているテンプレートがサブテンプレートとなる『All_List』です。
<div class="entry_all"> もあり、ここまで間違いはありません。
現状の『All_List』はOKなので、ここでちょっと置いておきましょう。
さて、問題は『Cat_List』です。
> カテゴリータイトルをクリックしても、何もかわらない。
カテゴリタイトルをクリックして、目次が表示されるのは、
本来『Cat_List』と命名されるべき、目次表示用のテンプレートなのです。
そう、先日まで、間違った名前 『All_List』と命名されていたあのテンプレートです。
覚えておいででしょうか?
前回のコメントで管理人は、まず、このテンプレート『All_List』の名前を 本来の『Cat_List』に戻されることをご提案致しました。
ところが、本日『Cat_List』のプレビューを確認することが出来ませんでした。
プレビューで確認できないということは、その名前のテンプレートがDLされていないということになります。
M様、恐れ入りますが、テンプレートの設定画面の、テンプレートリストの中に、
『Cat_List』という名前のテンプレートがあるかどうか確認していただけないでしょうか?
もしかして、消えていませんか?
『Cat_List』はどこへ行ってしまったのでしょう?
過去--『All_List』という名前の、中身は、『Cat_List』であるテンプレートが存在した。
現在--名前も中身も正しく『All_List』であるテンプレートは存在している。
過去も現在--『Cat_List』という名前のテンプレートが存在しない。
となるとですね、これは想像ですが、おそらく、
『All_List』の名前を『Cat_List』に変更する事ができないまま、
名前も中身も『All_List』の中身を、『All_List』本来の状態に変更し、上書き更新してしまった。
結果、名前も中身も正しく『All_List』であるテンプレートは完成したが、
『Cat_List』は名前も中身も消えてしまった…
という事になったのではないかと。
となると、再度、名前も中身も正しく『Cat_List』であるテンプレートを作成する必用があります。
現在適用中のテンプレートをコピーし、名前を『Cat_List』に変更した上で、
HTML部分を下とまるごと差し換え、
http://blog-imgs-62.fc2.com/n/o/v/noveltemplate/Cat_List.txt
【プレビュー】をクリック
問題がなければ、【更新】をクリック
これで、『Cat_List』は出来上がると思います。
何度も大変だとは思いますが、もう少しです。
ご不明な部分は何度でもお尋ねください。
- #1462 Novelテンプレート管理人
- URL
- 2014.09/14 10:33
- ▲EntryTop
Re: 追伸
ご質問と回答が前後してしまったようですね。
<Cat-listですと、目次カテゴリーのソース表示はできました。
Cat_Listの件ですが、なぜか、下のプレビューアドレスでは表示されず、確認ができないのです。
ブログアドレス?template=Cat_List&index
名前の変更は正しくCat_Listとしていただけましたか?
別テンプレートのプレビュー画面はテンプレートの名前がそのままアドレスになりますので、文字列が少しでも間違っていたら、適用中テンプレートで表示されてしまうのです。
<Cat-listですと、目次カテゴリーのソース表示はできました。
万一、上のCat-list の通りの文字列で名前変更した場合それは無効です。
Cat-list…誤 Cat_List…正
どう違うかといえば、
間違っている方は全画表示、正しい方は半角表示です。
テンプレートの名前は全て半角表示が義務付けられています。
(ついでに、下線( _ ) がハイフン( - )、List の L も小文字になっています)
それでも、テンプレートの編集中であれば、プレビューは表示されます。
ブログアドレス?preview&index
しかし、これはあくまで編集画面のプレビューに過ぎず、たとえ【更新】をクリックしても、
全画で名前変更した場合、名前変更も、カスタマイズも反映されないのです。
再度のご確認をお願い致します。<m(__)m>
> たびたび、すみません。ご丁寧なアドバイスについ甘えてしまってます。
- #1463 Novelテンプレート管理人
- URL
- 2014.09/14 12:42
- ▲EntryTop
初めて投稿なさる方は必ず

~ Trackback ~
トラックバックURL
⇒
⇒ この記事にトラックバックする(FC2ブログユーザー)
どうもありがとうございました。
新しいテンプレートも、多少は重いのですが、以前のようにフリーズすることはなくなりました。とてもうれしいです。
以下は、カスタマイズをした感想です。
全記事一覧のカスタマイズは、前回(一年前に)終えていますので、そのテンプレートを使ってカスタマイズしてみました。そういうわけで、必ずしも記事内の説明通りのカスタマイズとは言えなかったわけですが・・・。
旧テンプレートで目次があらかじめ完成している場合は、サブテンプレートに目次のソースを貼り付ける時点で、メインテンプレート(というか、旧テンプレート)のhtmlをメモ帳にコピペしておくべきだったとあとで気がつきました。
とにかく、メインテンプレートは重たいので、そこから目次部分を取り出してコピーするだけで時間がかかりすぎます。最終的にメインテンプレートで目次のソースが必要ないのだから、メモ帳からその部分を切り取ってしまった方が一石二鳥だったようです。(途中で気づかないでよ・・・ですが。)
あと、カウンターを貼り付ける場所がよくわからなかったのですが(説明がなかったので)、あの位置でよかったでしょうか?
お忙しいところ、「目次を別テンプレートにしてください」という贅沢な注文にこたえていただき、本当にありがとうございました。