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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←携帯用:アクセス解析/カウンター・ランキングバナー等を貼る →携帯用:NovelListを作成する
 
上記の広告は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
   
 

「テンプレートマニュアル」
携帯用テンプレートのカスタマイズ

携帯用:[Main] カテゴリリストのカスタマイズ

 画像のないテンプレートで記事をご覧になる場合は
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←携帯用:アクセス解析/カウンター・ランキングバナー等を貼る →携帯用:NovelListを作成する
 
main_samp7b.png
Main直下の最初のリストには、親カテゴリと(親カテゴリも子カテゴリも持たない)単独カテゴリに設定した作品タイトルだけが表示されますが、子カテゴリに設定した作品タイトルは表示されません。

親カテゴリの前には▼,親カテゴリも子カテゴリも持たない単独カテゴリの前には■が表示されます。



■単独カテゴリの作品タイトルをクリックするとすぐに目次が開きますが、▼親カテゴリの作品タイトルはクリックすると、最初は関連作品(子カテゴリ)の一覧リストまでページ内移動し、そのリストの(子カテゴリ)タイトルをクリックしてはじめて目次が開きます。
main_samp11.png
二段構え?のリストですが、これは、通常のカテゴリリストでは、掲載作品が多く設定したカテゴリの数が多いブログではリストが長大になってしまうため、それを防ぐためのものです。

当然、親子カテゴリ設定をしていないブログでは意味を持ちません。
拙宅ブログはカテゴリの数が多いので、記事の分類整理のためにも親子カテゴリを設定しています。
しかし、もし拙宅のようにカテゴリ数が多いブログが、親子カテゴリを設定していない場合、【Main】に表示される作品(カテゴリ)リストは非常に長大になります。

main_samp3.png左は、親子カテゴリ設定をしていない状態で表示させた場合の、拙宅ブログの【Main】作品リストです。

PC用Novelテンプレートであっても、居並ぶ作品タイトルが結果的にサイドメニューをメインカラムより長くしてしまうのは見栄えが悪いものです。
しかし、PCに比べはるかに小さな携帯端末の画面では、長大な作品リストは見栄えが悪いどころではない大変な不便とストレスを読者に強いることになります。

この、携帯画面の数倍にも及ぶ長く続くリストを、ちまちまとカーソルキー↓を繰り返し押し続け、リストの全容を確認するのは面倒以外のなにものでもなく、気の短い読者が即バックしてしまっても文句は言えません。

そうした事態を避け、読者がなるべくスムーズにストレスを感じることなく作品を選べるように、掲載作品(カテゴリ)数の多いブログでは、作品のジャンルや傾向(長編/短編・完結/連載中・恋愛/ミステリー/ファンタジー)ごとにまとめ、親子カテゴリを設定することをおススメします。

親子カテゴリの設定方法は こちら

注意
親カテゴリはあくまでカテゴリをまとめるためのカテゴリとし、親カテゴリに直接属する記事はゼロにしておきます。


しかし、掲載作品が少なく、カテゴリの数が10にも満たない様なブログの場合、この二段構えのリストは不要です。
通常のカテゴリリストの方がすっきりと表示できるでしょう。

また、子カテゴリタイトルの全てを、番号など簡潔で少ない文字列で設定している場合も、同様です。
その場合には、通常のカテゴリリストで、以下のように横並びに表示させるのがおススメです。

main_samp6.png子カテゴリを横並びに表示できれば、携帯端末の小さな画面でも、リストの全容が確認しやすくなります。

但し、横並びにした場合、子カテゴリに限り、非表示設定が無効になります。記事のない子カテゴリは通常このリストに表示されませんが、横並びに変更すると表示されてしまいます。(携帯テンプレートでは一部を除いてインライン要素にdisplay:none;が使えないため)
横並びにする場合は、記事のない子カテゴリを、一旦、その子カテゴリを親子設定からはずし、単独カテゴリに設定し直してください。

以下は通常のカテゴリリストに変更する場合と横並びに表示する場合のカスタマイズです。

カスタマイズ



[菅理画面]を開きます
メインメニューのテンプレート(携帯)アイコンをクリック
2ss_main2.jpg


もしくは
サイドメニュー[環境設定]⇒【テンプレートの設定】をクリックし
開いたページ上部
2s_2s_guid6c.jpg
携帯用 【テンプレートの管理】をクリック


携帯用テンプレートの菅理画面が開きます

モバイルテンプレート [ テンプレート名 ] 適用中 ->初期化
[ テンプレート名 ] のテンプレート名変更
テンプレート名 のHTML編集
テンプレート名 のスタイルシート編集         こんな風に上から順番に並んでいます。

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

HTMLをスクロールしていき、以下の箇所を探します。

<!--▽カテゴリリスト(小説一覧)▽-->
<!--category-->
<!--category_nosub-->
<div class="cnt<%category_count>"><div class="cat<%category_no>"><div class="index_topic"><span class="mark">■</span><a href="<%url>?m&cat=<%category_number><%tail_url>#t_top"><%category_name></a></div></div></div>
<!--/category_nosub-->
<!--category_parent-->
<div class="cnt<%category_count>"><div class="cat<%category_no>"><div class="index_topic"><span class="mark">▼</span><a href="#cat_p<%category_number>"><%category_name></a></div></div></div>
<!--/category_parent-->
<!--/category-->
<div class="block_r"><a href="#main" accesskey="1">Mainへ戻る[1]</a></div><br /><br />

<!--category-->
<!--category_parent-->
<div class="cnt<%category_count>"><div class="cat<%category_no>"><div class="index_topic"><a id="cat_p<%category_no>" name="cat_p<%category_no>"></a><%category_name></div><div class="child_b">
<!--/category_parent-->
<!--category_sub_hasnext-->
<div class="cnt<%category_count>"><div class="cat<%category_no>"><div class="index_topic2"><span class="mark">■</span><a href="<%url>?m&cat=<%category_number><%tail_url>#t_top"><%category_name></a>
</div></div></div>
<!--/category_sub_hasnext-->
<!--category_sub_end-->
<div class="cnt<%category_count>"><div class="cat<%category_no>"><div class="index_topic2"><span class="mark">■</span><a href="<%url>?m&cat=<%category_number><%tail_url>#t_top"><%category_name></a>
</div></div></div>
<div class="block_r"><a href="#main" accesskey="1">Mainへ戻る[1]</a></div><br />
</div></div></div>
<!--/category_sub_end-->
<!--/category-->
<!--△カテゴリリスト(小説一覧)△-->



通常のカテゴリリストに変更する場合


上のソースを以下に変更します。

<!--▽カテゴリリスト(小説一覧)▽-->
<!--category-->
<!--category_nosub-->
<div class="cnt<%category_count>"><div class="cat<%category_no>"><div class="index_topic"><span class="mark">■</span><a href="<%url>?m&cat=<%category_number><%tail_url>#t_top"><%category_name></a></div></div></div>
<!--/category_nosub-->

<!--category_parent-->
<div class="cnt<%category_count>"><div class="cat<%category_no>"><div class="index_topic"><a id="cat_p<%category_no>" name="cat_p<%category_no>"></a><span class="mark">■</span><%category_name></div><div class="child_b">
<!--/category_parent-->
<!--category_sub_hasnext-->
<div class="cnt<%category_count>"><div class="cat<%category_no>"><div class="index_topic2"><b>・</b><a href="<%url>?m&cat=<%category_number><%tail_url>#t_top"><%category_name></a>
</div></div></div>
<!--/category_sub_hasnext-->
<!--category_sub_end-->
<div class="cnt<%category_count>"><div class="cat<%category_no>"><div class="index_topic2"><b>・</b><a href="<%url>?m&cat=<%category_number><%tail_url>#t_top"><%category_name></a>
</div></div></div>
</div></div></div>
<!--/category_sub_end-->
<!--/category-->
<!--△カテゴリリスト(小説一覧)△-->



子カテゴリタイトルを横並びに表示させる場合


上のソースを以下に変更します。

<!--▽カテゴリリスト(小説一覧)▽-->
<!--category-->
<!--category_nosub-->
<div class="cnt<%category_count>"><div class="cat<%category_no>"><div class="index_topic"><span class="mark">■</span><a href="<%url>?m&cat=<%category_number><%tail_url>#t_top"><%category_name></a></div></div></div>
<!--/category_nosub-->

<!--category_parent-->
<div class="cnt<%category_count>"><div class="cat<%category_no>"><div class="index_topic"><a id="cat_p<%category_no>" name="cat_p<%category_no>"></a><span class="mark">■</span><%category_name></div><div class="index_topic2">
<!--/category_parent-->

<!--category_sub_hasnext-->
&nbsp;<a href="<%url>?m&cat=<%category_number><%tail_url>#t_top"><%category_name></a>
<!--/category_sub_hasnext-->
<!--category_sub_end-->
&nbsp;<a href="<%url>?m&cat=<%category_number><%tail_url>#t_top"><%category_name></a>
</div></div></div>
<!--/category_sub_end-->
<!--/category-->
<!--△カテゴリリスト(小説一覧)△-->



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

~ Comment ~

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

名前変換フォーム

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