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

スポンサー広告

スポンサーサイト

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

「テンプレートマニュアル」
表紙ページ

表紙ページ「最近の更新」最新記事一覧に小説タイトルを表示させる

 画像のないテンプレートで記事をご覧になる場合は
 Temlplate Image : カスタマイズの難易度2 
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←検索ツールバーを非表示にする →novel-temp-yukari藤の花の和風テンプレート
 
カスタマイズの難易度2(変更箇所は一箇所だけ) カスタマイズの難易度2

現在公開中の拙作テンプレ表紙ページで表示させている、最新の更新内容には日付と記事タイトルだけで、小説タイトル、つまりカテゴリタイトルは表示されません。
これはFC2ブログで、最近投稿されたエントリーの一覧を表示させるエリア、<!--recent-->~<!--/recent-->内に、カテゴリを表記する変数がないためでした。
しかし、つい最近、<!--recent-->~<!--/recent-->を使わなくとも、最新の更新内容を表示できる方法があることに気づきました。

以前、最新の更新に小説名を表示させたいとご質問をうけた時、なぜこのやり方に気がつかなかったのか!
こんなに簡単かつ当たり前の方法でそれが可能だったのに…\(◎o◎)/!
<!--recent-->~<!--/recent-->にとらわれ過ぎていて、今まで、それに気づかなかった事が悔やまれます。

と申しますのも、このカスタマイズは、ページエリア、つまり、通常ブログ画面の1ページ目に表示される記事を、最新の更新内容として表示させる方法ですので、通常ブログ画面の記事の表示順序が新着順であることは必須事項になります。
ところが、記事の総数が500件を超えた場合、全記事一覧タイトルリスト、つまり親カテゴリの目次を不具合なく表示させるためには、over500を用いた上で、通常ブログ画面の記事の表示順序を新着順ではなく、旧順に設定変更する必要があります。

つまり、このカスタマイズを活用することができるのは、拙作ユーザー様の場合、記事数が500件に満たないブログに限定されてしまうのです。ちなみに、拙宅の今現在の記事数は455件ですので、せっかく思いついたこのカスタマイズも、そうそう長く適用させることができないわけです。トホホ…(/_;)

それはそれとして、記事数が500件にはまだ遠いユーザー様や、記事タイトルを連番でつけているユーザー様には利便性の高いカスタマイズですのでおススメです。

従来の最新の更新との違い
更新日と記事タイトルだけでなく、親カテゴリタイトル、カテゴリタイトルも表示することができます。
親カテゴリタイトルは総目次、カテゴリタイトルは目次、記事タイトルは小説本文ページへそれぞれリンクします。
小説以外の更新は告知しなくない場合などは、特定のカテゴリの更新内容を非表示にすることもできます。
記事タイトルに小説名を含む場合など、カテゴリタイトルが不要な場合は、特定の親カテゴリタイトルやカテゴリタイトルを非表示にして日付と記事タイトルだけを表示することができます。
新着記事は、従来の最新の更新と同じく新着マークNewが表示されます。





記事の表示順序、表示件数の確認


最初に、記事ページ(通常ブログ画面)の記事の表示を確認し、必要に応じて変更しておきます。

前述したように、このカスタマイズは、通常ブログ画面の1ページ目に表示される記事を、最新の更新内容として
表示させる方法ですので、日記など、特定のカテゴリの記事の更新を告知しない場合、ページ別の記事表示件数は多めに設定しておく必要があります。

例えば、通常ブログ画面で表示される記事件数を、ブログ開設当初の5件のままにしていると、非表示にした日記カテゴリの記事が5件続いた場合、表紙の最近の更新には何も表示されなってしまうからです。

設定の方法


菅理画面を開いてください。
左側のメニューから [ 環 境 設 定 ] ⇒ 【 環境設定の変更 】 をクリック
開いた画面の一番上 [ 環 境 設 定 ] ⇒【 ブログの設定 】 ⇒ 【 記事の設定 】 をクリック

  表示件数(1~30件)   表示順   
最新記事一覧 表紙ページ・最近の更新【表示したい記事の数】件)【新しい順】
記事(ページ別)通常ブログ画面10】件新しい順
記事(月別)月別アーカイブページ【30】件【どちらでもOK】
記事(カテゴリ別)作品目次ページ【30】件【古い順】
記事(検索結果)【表示したい記事の数】件【どちらでもOK】
記事(タグ検索結果)NovelList(小説一覧ページ)【表示したい記事の数】件【どちらでもOK】


記事(ページ別)の 表示件数を10件 表示順を新しい順に変更
上ではとりあえず、表示件数を10件に設定しましたが、非表示カテゴリの更新頻度によってはより多めに設定します。

更新 】をクリック


カテゴリの番号の確認


表紙の更新案内は小説に限定し、日記など、特定のカテゴリの記事の更新を告知したくない場合、また、記事タイトルに小説タイトルが含まれるので、カテゴリタイトルを省いて表示したい場合などは、カスタマイズの前に非表示にしたいカテゴリの番号を確認しておきます。
カテゴリ番号は[カテゴリの編集]画面のカテゴリ一覧リストの一番左、# をクリックすると表示される番号がそれですが、目次ページのアドレスからも確認できます。
http://noveltemplate.blog26.fc2.com/blog-category-〇〇.html
〇〇がそのカテゴリのカテゴリ番号です。


カスタマイズの方法



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


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

HTML編集]部分をカスタマイズします。

<head> ~ </head> 内のカスタマイズ


<head>

~中略~

<style type="text/css"><!--

/* ===============================================================
特定のカテゴリ、親カテゴリの記事の更新を「最近の更新」で告知しないための設定
非表示にするカテゴリは、〇〇をそのカテゴリ番号に変更
日付、親カテゴリタイトル、カテゴリタイトル、記事タイトル全て非表示になります。
================================================================= */

.entry_hide〇〇 { display: none; }

/* ===============================================================
「最近の更新」の更新情報の内、特定の親カテゴリタイトルだけ非表示にする設定
非表示にするカテゴリは、✕✕をそのカテゴリ番号に変更
日付、カテゴリタイトル、記事タイトルは表示されます。
================================================================= */

.entry_hide_parent_cat✕✕ { display: none; }

/* ==============================================================
「最近の更新」の更新情報の内、特定のカテゴリタイトルだけ非表示にする設定
非表示にするカテゴリは、□□をそのカテゴリ番号に変更
日付、親カテゴリタイトル、記事タイトルは表示されます。
================================================================= */

.entry_hide_cat□□ { display: none; }

--></style>


</head>
<body>


<head> ~ </head>内、</head>のすぐ上あたりに青字の部分を追加し、必要に応じて赤字の〇✕□を、先ほど確認したカテゴリ番号に差し替えます。

非表示にしたいカテゴリが複数有る場合は、全てのカテゴリ番号を、以下のようにカンマとドットを忘れずに記載して並べます。

.entry_hide1,.entry_hide2,.entry_hide3,.entry_hide4,.entry_hide5 { display: none ; }

<body> ~ </body>内のカスタマイズ



HTMLをスクロールして以下の部分を探します。

<!--index_area-->

~中略~

<h3 class="top">最近の更新</h3><br />
<div class="entry_text7">

<ul><!--recent--><li>
<%recent_month>.<%recent_day>.  <a href="<%recent_link>" title="[<%recent_title>]を読む"><%recent_title></a> <script type="text/javascript">
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>)
</script> </li>
<!--/recent--></ul>


</div>

~中略~

<!--/index_area-->



赤字の部分を以下に差し替えます。

<!--topentry-->
<ul class="new_entry">
<li class="entry_hide<%topentry_category_no> <!--parent_category-->entry_hide<%topentry_parent_category_no><!--/parent_category--> ad<%topentry_no>"><%topentry_month>.<%topentry_day>.

<!--parent_category--><span class="entry_hide_parent_cat<%topentry_parent_category_no>"><a id="pcat<%topentry_no>no" href="<%topentry_parent_category_link>" title="『 <%topentry_category> 』総目次へ"><%topentry_parent_category></a></span><script type="text/javascript">
var a = document.getElementById("pcat<%topentry_no>no");
a.href = "<%url>archives.html#all<%topentry_parent_category_no>";
</script><!--/parent_category-->

<span class="entry_hide_cat<%topentry_category_no>">【<a href="<%topentry_category_link>" title=" <%topentry_category> 目次へ"><%topentry_category></a>】</span>

<a href="<%topentry_link>" title="【<%topentry_category>】 <%topentry_title>へ"><%topentry_title></a> 
<script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script></li></ul>
<!--/topentry-->



親カテゴリタイトルを全て非表示にする場合は青字の部分を省いて差し替えます。

【プレビュー】をクリックして確認して、OKなら


更新 】 をクリックする。

関連記事
スポンサーサイト
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 表紙ページ「最近の更新」最新記事一覧に小説タイトルを表示させる
総もくじ  3kaku_s_L.png 画像のためのカテゴリ共有テンプレート画像のためのカテゴリ
人物イラストのためのカテゴリ 3kaku_s_L.png 表紙ページ「最近の更新」最新記事一覧に小説タイトルを表示させる
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit ▽TB[0]▽CO[0]
関連カスタマイズ記事一覧 カスタマイズの難易度2 
   

~ Comment ~

カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←検索ツールバーを非表示にする    →novel-temp-yukari藤の花の和風テンプレート

名前変換フォーム

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