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

スポンサー広告

スポンサーサイト

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

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

携帯用:NovelListを作成する

 画像のないテンプレートで記事をご覧になる場合は
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←携帯用:[Main] カテゴリリストのカスタマイズ →mp_Love ハートの携帯用小説テンプレート
 
お知らせ 2013.3.7.追記
 パソコン用Novelテンプレートに近づけることにこだわりすぎていて気付くのが遅れましたが、携帯の小説サイトの場合、あらすじや簡単な作品の紹介が添えられたNovelList的な掲載作品一覧ページは、さほど一般的ではないようです。

むしろ、「Berry's Cafe」「小説家になろう」がそうであるように、作品一覧のページは作品タイトルのみ表示され--作品タイトルをクリックしてはじめてその作品の簡単な紹介が表示される--というスタイルの方が一般的なようです。

おそらく、小さく狭い携帯端末の画面ではそちらの方がわかりやすく効率的なのでしょう。
携帯小説に慣れた読者の方にとっては、PCサイトのNovelList的な掲載作品一覧のページは必ずしも必用とされておらず、現状の目次上の扉部分で十分なのかもしれません。

以下でご紹介するカスタマイズはかなり面倒ですので、こうした事情を踏まえた上で、それでも携帯ページにNovelListを表示させたいという場合だけトライしてくださいませ。

list.gif
PC用Novelテンプレートでは、ユーザータグを設定することで、掲載作品の紹介ページNovelListが自動的に作成されます。しかし、タグ検索ページが表示されない携帯用ページでは、NovelListを自働作成・表示することはできません。PC用のNovelList設定方法はコチラ
携帯用NovelテンプレートでNovelList(作品の紹介ページ)を作成する場合は、プラグインにフリーエリアを追加し、それをNovelListとしてカスタマイズする必用があります。

NovelListに表示させる内容


最初にNovelListに表示させる内容を用意します。
PC用NovelListと違い、プラグインのフリーエリアを用いるので、自由にカスタマイズしてオリジナルなNovelListページにすることもできますが、PC用ページのソースを活用すれば、PC用NovelListと同じスタイルで表示できます。
こんな風に表示されます


NovelListの設定を行っている事は必須条件です。


注意 但し、この携帯用ページのNovelListは、PC用ページのNovelListと違い、記事の設定によって自動的に内容が変更することはありません。作品を下げる、あるいは新作をアップした場合は、その都度、手作業での加筆修正が必要です。


PC用ページと同じ内容を表示させる場合


カスタマイズ


[菅理画面]を開きます
最初にパソコン用テンプレートをカスタマイズして、携帯ページ用のNovelListソースを準備します。

s_main4.jpg
メインメニューのテンプレート(PC)アイコンをクリック
もしくは
サイドメニュー[環境設定]⇒【テンプレートの設定】をクリック


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

リストにあるテンプレートのどれでもいいので、コピーをとり、名前を変更します。
現在適用中のテンプレートのコピーを取る場合は、左側に赤い印がついたテンプレートの欄の【複製】をクリックします。

テンプレート名_1を追加しました。
PCテンプレート [ テンプレート名 ] 適用中
[ テンプレート名_1 ] のテンプレート名変更
テンプレート名_1 のHTML編集
テンプレート名_1 のスタイルシート編集         こんな風に上から順番に表示されます。

copy.png

テンプレートの名前を Keitai_List に変更し
更新】をクリック

テンプレート名_1の名前を変更しました。
Keitai_ListのHTML、CSSを更新しました。

このような表示がでればOK ↑

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

HTMLを以下をクリックして表示されたものと差し替えます。
Keitai_List のHTML コチラ

コチラをクリックして開いた画面にカーソルをもっていきます。

右クリック⇒【すべて選択】をクリック(テキスト部分が反転します)
右クリック⇒【コピー】をクリック

そのまま、今度はテンプレート管理画面のHTMLの編集部分にカーソルをもっていきます。
右クリック⇒【すべて選択】をクリック(テキスト部分が反転します)
右クリック⇒【貼り付け】をクリック


スタイルシート編集]部分を全て削除します。
今回必用なのは、HTMLのソースだけです。紛らわしいので、スタイルシートの記述は全て削除します。
※ここでスタイルシートを削除しても、実際の携帯ページでは携帯テンプレートのスタイルシートが反映され、他ページと同じデザインで表示されます。

スタイルシート編集のテキストエリアにカーソルを持っていき
右クリック⇒【すべて選択】をクリック(テキスト部分が反転します)
右クリック⇒【削除】をクリック


テキスト部分の記述が消えます

更新】をクリック


これで、携帯ページ用NovelListソースのためのテンプレートKeitai_Listが準備できました。

プレビュー】をクリック


Keitai_Listのトップページがプレビューされます。
このトップページは通常の記事がNovelListスタイルで表示されているだけなのでカスタマイズには関係ありません。重要なのは、NovelListが表示されるページです。

表示されたKeitai_Listの画面左上の【NovelListを表示】をクリック

Keitai_ListのNovelList画面(ユーザータグ*を設定した記事を集めて作成されたページ)が表示されます。

※【NovelListを表示】の下にはユーザータグ一覧も表示されています。
これを使えば、*以外のタグワードを設定した記事を集めたページも表示できます。

表示された画面の上にカーソルを持っていき
右クリック⇒【ソースの表示】をクリック

別窓でソースが表示されます。
スクロールして以下のNovelList表示ソースの冒頭部分を探します。

<!--▽▽携帯用NovelListソースここから▽▽-->


見つけられない場合は、ツールバーの【編集】⇒ 【検索】で探します。

</fieldset>
</div>

<!--▽▽携帯用NovelListソースここから▽▽-->
<br />

<!--▼マーキー-->
<div style="display: -wap-marquee;-wap-marquee-loop: infinite;"class="mq_2">タイトルをクリックしてください</div>

<!--▼タイトルナビリスト-->


~ 中略 ~


<!--▲エントリ-->


<!--△△携帯用NovelListソースここまで△△-->

<br />
<!--▼ページナビ-->


赤色の部分で囲まれた部分NovelListに表示させる内容になります。
この部分をコピーしてプラグインのフリーエリアに貼りつけます。

注目 掲載作品が多い場合、ご面倒でなければ、NovelListを複数ページにする事をおススメします。そのまま適当な件数に分けて表示させてもよいですが、長編・短編など作品のジャンル・傾向によってユーザータグを設定すれば、そのタグワード別にNovelListを作成できます


NovelListを複数ページで表示させる場合


NovelListを複数ページで表示させる場合は、プラグインのフリーエリアも増したNovelListのページ数だけ追加し同じ作業を繰り返します。但し、追加するプラグインのタイトルだけは、NovelList1,NovelList2や、長編リスト・短編リストなど、個々のページを識別できる別のものにします。

そのまま適当な件数で分ける場合


別窓で、環境設定画面を開き、タグ検索結果の表示件数を一時的に変更します。
以下は5件づつ表示させる場合
左側のメニューから [ 環 境 設 定 ] ⇒ 【 環境設定の変更 】 ⇒右クリック⇒【新しいタグで開く】をクリック
開いた画面の一番上 [ 環 境 設 定 ] ⇒【 ブログの設定 】 ⇒ 【 記事の設定 】 をクリック

記事(タグ検索結果) ]の
表示件数 ] を 【5 件】へ変更 

更新】をクリック


Keitai_Listテンプレート編集画面に戻ります。
Keitai_Listテンプレート⇒【プレビュー】をクリック

表示された画面左上⇒【NovelListを表示】をクリック


開いたNovelList画面の表示件数を確認します。
先ほど設定した件数(5件)に変更されていない場合は、プラウザの更新ボタン もしくはキーボードの F5 を押して画面を更新させます。
表示件数が5件に変更されたらそのページのソースを表示させ、後の作業は同じです。
これがNovelListの1ページ目に表示させる内容になります。
2ページ以降は、NovelList画面ページ末尾の ・Next をクリックして同じ様にします。

作業が終わったら、環境設定画面に戻って、表示件数を元に戻します。

タグワード別にNovelListを表示させる場合


*を設定した記事に、*以外に、作品のジャンルや傾向(恋愛・青春・悲劇・ハッピーエンetc.)などをユーザータグワードとして同時に設定します。ユーザータグの設定方法について詳しくはコチラ

Keitai_Listテンプレート⇒【プレビュー】をクリック


【NovelListを表示】の下にユーザータグ一覧が表示されいるはずです。
一覧の中から、NovelListで表示させたいジャンル傾向などのタグワードを一つ選んでクリックします。
そのタグワードを設定した記事が集められたページが表示されます。
この記事群をNovelListの1ページ目に表示させます。後の作業は同じです。
これを繰り返し、全ての掲載作品がいずれかのページで表示されるようにします。

注意 但し、タグワード別にNovelListを表示させる場合、完結⇔連載中・短編⇔中編⇔長編・恋愛⇔ミステリー⇔ファンタジーなど関連・類型したタグワードを選んでページ分けしましょう。
  




プラグインの設定


携帯ページのプラグインは、固有の固定リンクを持ち、独立したページで表示されます。
この事を活用し、プラグインにフリーエリアを追加し、そのページNovelListとします。

サイドメニュー[環境設定]⇒【プラグインの設定
開いたページ上部
guid8b.png

携帯用 【公式プラグイン追加】をクリック

guid9d2.png


開いたページ基本プラグインの
フリーエリア 【追加】をクリック

フリーエリアの編集画面が開きます。

フリーエリアの編集


guid14.png

タイトルを【Novel List】に変更

プラグインリストの編集
プラグインリスト用HTMLの編集
をクリック

以下のように表示されたテキストエリアが開きます。

<div align="&talign">
 <a href="<%url>?m&mp=&mpno<%tail_url>">
  <font color="&plugin_tcolor">&plugin_title</font>
 </a>
</div>


これを以下に差し替えます(各プラグイン共通)

■<a href="<%url>?m&mp=&mpno<%tail_url>#c_top">&plugin_title</a>


コンテンツの編集
コンテンツ用HTMLの編集】をクリック

以下のように表示されたテキストエリアが開きます。

<div align="&align">
 &plugin_freearea
</div>



赤色の部分にNovelListに表示させる内容を貼りつけます

追加】をクリック


お知らせ モバイルプラグインの場合、設定や変更内容が反映されるまで多少時間がかかるようです。
携帯テンプレートをプレビューさせ、カスタマイズした内容が反映されていない場合は、時間をおいてから再度確認してください。


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

~ Comment ~

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

名前変換フォーム

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