Novel テンプレート

ブログ小説専用テンプレートの作成・配布サイト。FC2ブログのテンプレートを、どこまで手間いらずでHP小説サイト風に アレンジ、カスタマイズできるか挑戦中。

スポンサーサイト

スポンサー広告

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

mp_Ume 和風携帯用小説テンプレート梅

携帯用テンプレート

s-K_Ume216.jpg

表紙作品扉目次本文通常ブログ画面NovelList最新記事

携帯用小説テンプレート。2013.2.22.承認されました!

ページを極力軽くするため、画像は、表紙ヘッダーと見出しのみ使用。
梅のヘッダー画像は十五夜 様からお借りしました。

更新情報には、直近に更新された記事の更新日・作品(カテゴリ)名・記事タイトルが一件だけ表示されます。
但し、未来記事・記事別ページの表示順を古い順に設定している場合は最新記事が表示されず、常に未来記事・あるいは一番古い記事が表示されてしまうのでカスタマイズが必要です。詳しくはコチラ

小説直下のリストには、親カテゴリと単独カテゴリに設定した作品タイトルだけが表示され、子カテゴリに設定した作品タイトルは表示されません。
子カテゴリの作品タイトルは、親カテゴリの作品タイトルをクリックし、ページ内移動した先のリストで、関連作品として表示されます。
これは、カテゴリ数の多いブログでも、掲載作品を確認しやすくするためのものです。これを生かすためにも、掲載作品(カテゴリ)数の多いブログでは、作品のジャンルや傾向(長編/短編・完結/連載中・恋愛/ミステリー/ファンタジー)ごとにまとめ、親子カテゴリを設定することをおススメします。詳しくはコチラ

単独カテゴリ、子カテゴリのタイトルをクリックすると目次(作品扉)が開きます。
目次の上部には、簡単な作品紹介として、(目次の一話目の記事に設定した内容に基づき)親カテゴリタイトル、執筆日、冒頭部分(200文字)、ユーザータグワード、本編へのリンクボタンなどが表示されます。
作品のジャンルや傾向・セールスポイント(完結/連載中・長編/短編・恋愛/ファンタジー)など、読者に伝えたい作品情報をユーザータグとして作品の一話目の記事に設定すると、ここに表示できます。詳しくはコチラ


読みやすさを考慮し、小説本文ページは他ページより一回り大きなフォントで表示させています。
尚、携帯用NovelテンプレートのHTMLは共通ですので、スタイルシートを変更するだけでデザイン変更できます。
その他、パソコン用テンプレートとの違いなど、携帯用Novelテンプレートの詳しい説明は
 コチラと コチラ をご参照ください。

尚、携帯用Novelテンプレートをご利用になる場合は、モブログの設定など、パソコンサイトとは別の設定が必要になります。詳しくは  携帯用Novelテンプレートの基本設定
携帯用Novelテンプレートのカスタマイズについては コチラ

1361421108qWuN_ufxDIKe9vk1361421108.gif
関連記事

mp_Turu 和風携帯用小説テンプレート

携帯用テンプレート

mp_Turu216.gif


表紙作品扉目次本文通常ブログ画面NovelList最新記事

携帯用小説テンプレート。2013.2.22.承認されました!

ページを極力軽くするため、画像は、表紙ヘッダーと見出しのみ使用。
折りヅルのヘッダー画像は十五夜 様からお借りしました。

更新情報には、直近に更新された記事の更新日・作品(カテゴリ)名・記事タイトルが一件だけ表示されます。
但し、未来記事・記事別ページの表示順を古い順に設定している場合は最新記事が表示されず、常に未来記事・あるいは一番古い記事が表示されてしまうのでカスタマイズが必要です。詳しくはコチラ

小説直下のリストには、親カテゴリと単独カテゴリに設定した作品タイトルだけが表示され、子カテゴリに設定した作品タイトルは表示されません。
子カテゴリの作品タイトルは、親カテゴリの作品タイトルをクリックし、ページ内移動した先のリストで、関連作品として表示されます。
これは、カテゴリ数の多いブログでも、掲載作品を確認しやすくするためのものです。これを生かすためにも、掲載作品(カテゴリ)数の多いブログでは、作品のジャンルや傾向(長編/短編・完結/連載中・恋愛/ミステリー/ファンタジー)ごとにまとめ、親子カテゴリを設定することをおススメします。詳しくはコチラ

単独カテゴリ、子カテゴリのタイトルをクリックすると目次(作品扉)が開きます。
目次の上部には、簡単な作品紹介として、(目次の一話目の記事に設定した内容に基づき)親カテゴリタイトル、執筆日、冒頭部分(200文字)、ユーザータグワード、本編へのリンクボタンなどが表示されます。
作品のジャンルや傾向・セールスポイント(完結/連載中・長編/短編・恋愛/ファンタジー)など、読者に伝えたい作品情報をユーザータグとして作品の一話目の記事に設定すると、ここに表示できます。詳しくはコチラ


読みやすさを考慮し、小説本文ページは他ページより一回り大きなフォントで表示させています。
尚、携帯用NovelテンプレートのHTMLは共通ですので、スタイルシートを変更するだけでデザイン変更できます。
その他、パソコン用テンプレートとの違いなど、携帯用Novelテンプレートの詳しい説明は
 コチラと コチラ をご参照ください。

尚、携帯用Novelテンプレートをご利用になる場合は、モブログの設定など、パソコンサイトとは別の設定が必要になります。詳しくは  携帯用Novelテンプレートの基本設定
携帯用Novelテンプレートのカスタマイズについては コチラ
1361423336z61HeGbpaqGwPS71361423336.gif
関連記事

novel-I2-Sweet-Jf 甘いケーキの素材屋風テンプレート

素材屋風テンプレート

s-index_sweet.jpg



なんちゃって素材屋風小説テンプレート第五弾、スウィーティなケーキのテンプレート。申請中。
Mako's様から、美味しそうなスウィート素材と、甘~くて、可愛い、ケーキのお姫様たちをお借りして作成しました。

公開する順番としては五番目ですが、作成時期からすると、このテンプレートは第一号の素材屋風仕様テンプレートだったりします。

元々素材屋風スキン・テンプレートと呼ばれる代物は、アメブロあたりでジョシチューコーセーの若いオジョーサマ方の間で人気のスタイル。素材屋風の定義?は未だによくわかっていない管理人ですが、とりあえず、ボックスをスクロールさせるだけなら、拙作テンプレの既存のHTMLでもそれっぽく出来るかもと、でもせっかくなら、本家本元?流に、ガーリーな雰囲気にしたいと、まこ様の作品の中でも、ひときわ甘~くて女の子っぽい雰囲気の作品をお借りして作り始めたのがそもそものきっかけです。

甘~い雰囲気に合わせて、背景はまっピンクにしてみました♡
おお、ガーリー!

JavaScript有効時にはメニューにカーソルをおくとコンテンツがカードの上に表示され、無効時には最初からカード内に表示されます(スクロール付き)。
IE7以上であれば、縮小画面でも横スクロールが出ないリキッドレイアウト。
個別記事と全記事一覧ページ以外は右寄せでデザインしてありますが、1,400pxを超えるとコンテンツはそれ以上右に寄らなくなるので、幅広パソコンで閲覧しても、レイアウトが不自然に見えません。
大見出しにはGoogle web fontsを使っているので、ブログ名がアルファベットの場合、可愛いフォントでタイトルが表示されます。

トップページだけでなく、通常ブログ・検索・月別・目次ページも、記事はカード内に表示され、スクロールを上下してそれを読むスタイル、いわゆる素材屋風仕様。
通常ブログ画面が読みづらくてイラっとしたら、さくっと個別記事を開いていただくと、そちらは従来通りのスタイルです。

f00204_800X500w2_300.gif

ブログを開くと、カード上にWelcome!と表示されていますが、DL後にスタイルシートの末尾に以下を追加すると、
#step0 {visibility:visible;z-index:1;}
Welcome!の文字は消え、最初にブログ紹介文が表示されるようになります。

tag_sweet2.gif

薔薇素材~Mako's様の作品をお借りしたテンプレート一覧はコチラ

1361503724kf1CNvJ6ZPldZSD1361503724.gif
関連記事

mp_Piano ピアノの携帯用小説テンプレート

携帯用テンプレート

Piano2b.gif

表紙作品扉目次本文通常ブログ画面NovelList最新記事

携帯用小説テンプレート。2013.2.22.承認されました!
1361323988v_ROshpT9auAnIo1361323988.gif

共有テンプレートの審査ですが、しばらく様子を見ていましたが、どうやら最近は申請テンプレートがある程度溜らないと審査してもらえない、あるいは数週間に一度まとめて審査している模様です。
今までは新作テンプレは2点づつ申請し、承認されるのを待って次を申請していましたが、承認のシステムがここまでゆったりペースになった以上、そんな悠長なことをしていられないかも…。もう遠慮しないで、出来上がったテンプレは手元に置かずに?サクサク申請に出すことにします。

ページを極力軽くするため、画像は、表紙ヘッダーと見出しのみ使用。
ピアノのヘッダー画像はWhite Board 様からお借りしました。

What's Newには、直近に更新された記事の更新日・作品(カテゴリ)名・記事タイトルが一件だけ表示されます。
但し、未来記事・記事別ページの表示順を古い順に設定している場合は最新記事が表示されず、常に未来記事・あるいは一番古い記事が表示されてしまうのでカスタマイズが必要です。詳しくはコチラ

Main直下のリストには、親カテゴリと単独カテゴリに設定した作品タイトルだけが表示され、子カテゴリに設定した作品タイトルは表示されません。
子カテゴリの作品タイトルは、親カテゴリの作品タイトルをクリックし、ページ内移動した先のリストで、関連作品として表示されます。
これは、カテゴリ数の多いブログでも、掲載作品を確認しやすくするためのものです。
これを生かすためにも、掲載作品(カテゴリ)数の多いブログでは、作品のジャンルや傾向(長編/短編・完結/連載中・恋愛/ミステリー/ファンタジー)ごとにまとめ、親子カテゴリを設定することをおススメします。詳しくはコチラ

単独カテゴリ、子カテゴリのタイトルをクリックすると目次(作品扉)が開きます。
目次の上部には、簡単な作品紹介として、(目次の一話目の記事に設定した内容に基づき)親カテゴリタイトル、執筆日、冒頭部分(200文字)、ユーザータグワード、本編へのリンクボタンなどが表示されます。
作品のジャンルや傾向・セールスポイント(完結/連載中・長編/短編・恋愛/ファンタジー)など、読者に伝えたい作品情報をユーザータグとして作品の一話目の記事に設定すると、ここに表示できます。詳しくはコチラ

読みやすさを考慮し、小説本文ページは他ページより一回り大きなフォントで表示させています。
尚、携帯用NovelテンプレートのHTMLは共通ですので、スタイルシートを変更するだけでデザイン変更できます。
その他、パソコン用テンプレートとの違いなど、携帯用Novelテンプレートの詳しい説明は
 コチラと コチラ をご参照ください。

尚、携帯用Novelテンプレートをご利用になる場合は、モブログの設定など、パソコンサイトとは別の設定が必要になります。詳しくは  携帯用Novelテンプレートの基本設定
携帯用Novelテンプレートのカスタマイズについては コチラ
関連記事

mp_Ribbonリボンの携帯用小説テンプレート

携帯用テンプレート

K_Ribbon2.gif

表紙作品扉目次本文通常ブログ画面NovelList最新記事
1361321412IhhGFYciOdfLLwF1361321412.gif

携帯用小説テンプレート。2013.2.22.承認されました!

共有テンプレートの審査ですが、しばらく様子を見ていましたが、どうやら最近は申請テンプレートがある程度溜らないと審査してもらえない、あるいは数週間に一度まとめて審査している模様です。
今までは新作テンプレは2点づつ申請し、承認されるのを待って次を申請していましたが、承認のシステムがここまでゆったりペースになった以上、そんな悠長なことをしていられないかも…。もう遠慮しないで、出来上がったテンプレをまとめて申請に出すことにします。

ページを極力軽くするため、画像は、表紙ヘッダーと見出しのみ使用。
リボンのヘッダー画像はWhite Board 様からお借りしました。

What's Newには、直近に更新された記事の更新日・作品(カテゴリ)名・記事タイトルが一件だけ表示されます。
但し、未来記事・記事別ページの表示順を古い順に設定している場合は最新記事が表示されず、常に未来記事・あるいは一番古い記事が表示されてしまうのでカスタマイズが必要です。詳しくはコチラ

Main直下のリストには、親カテゴリと単独カテゴリに設定した作品タイトルだけが表示され、子カテゴリに設定した作品タイトルは表示されません。
子カテゴリの作品タイトルは、親カテゴリの作品タイトルをクリックし、ページ内移動した先のリストで、関連作品として表示されます。
これは、カテゴリ数の多いブログでも、掲載作品を確認しやすくするためのものです。
これを生かすためにも、掲載作品(カテゴリ)数の多いブログでは、作品のジャンルや傾向(長編/短編・完結/連載中・恋愛/ミステリー/ファンタジー)ごとにまとめ、親子カテゴリを設定することをおススメします。詳しくはコチラ

単独カテゴリ、子カテゴリのタイトルをクリックすると目次(作品扉)が開きます。
目次の上部には、簡単な作品紹介として、(目次の一話目の記事に設定した内容に基づき)親カテゴリタイトル、執筆日、冒頭部分(200文字)、ユーザータグワード、本編へのリンクボタンなどが表示されます。
作品のジャンルや傾向・セールスポイント(完結/連載中・長編/短編・恋愛/ファンタジー)など、読者に伝えたい作品情報をユーザータグとして作品の一話目の記事に設定すると、ここに表示できます。詳しくはコチラ

読みやすさを考慮し、小説本文ページは他ページより一回り大きなフォントで表示させています。
尚、携帯用NovelテンプレートのHTMLは共通ですので、スタイルシートを変更するだけでデザイン変更できます。
その他、パソコン用テンプレートとの違いなど、携帯用Novelテンプレートの詳しい説明は
 コチラと コチラ をご参照ください。

尚、携帯用Novelテンプレートをご利用になる場合は、モブログの設定など、パソコンサイトとは別の設定が必要になります。詳しくは  携帯用Novelテンプレートの基本設定
携帯用Novelテンプレートのカスタマイズについては コチラ
関連記事

mp_Papillon ガラスの蝶の携帯用小説テンプレート

携帯用テンプレート

s_K_Papllion.jpg


表紙作品扉目次本文通常ブログ画面NovelList最新記事

1360112024iKGLi2QZmiTzgwo1360112024.gif
2013.2.22.漸く承認されましたが、更新更内容が、反映されていません…(>_<)。
ご利用の際は、最終更新日が2013.2.22.以降に変わってからDLしてください。
2013.2.28.更新内容が反映されました(^O^)
携帯用小説テンプレート。
ページを極力軽くするため、画像は、表紙ヘッダーと見出しのみ使用。
ガラスの蝶のヘッダー画像はWhite Board 様からお借りしました。

What's Newには、直近に更新された記事の更新日・作品(カテゴリ)名・記事タイトルが一件だけ表示されます。
但し、未来記事・記事別ページの表示順を古い順に設定している場合は最新記事が表示されず、常に未来記事・あるいは一番古い記事が表示されてしまうのでカスタマイズが必要です。詳しくはコチラ

Main直下のリストには、親カテゴリと単独カテゴリに設定した作品タイトルだけが表示され、子カテゴリに設定した作品タイトルは表示されません。
子カテゴリの作品タイトルは、親カテゴリの作品タイトルをクリックし、ページ内移動した先のリストで、関連作品として表示されます。
これは、カテゴリ数の多いブログでも、掲載作品を確認しやすくするためのものです。
これを生かすためにも、掲載作品(カテゴリ)数の多いブログでは、作品のジャンルや傾向(長編/短編・完結/連載中・恋愛/ミステリー/ファンタジー)ごとにまとめ、親子カテゴリを設定することをおススメします。詳しくはコチラ

単独カテゴリ、子カテゴリのタイトルをクリックすると目次(作品扉)が開きます。
目次の上部には、簡単な作品紹介として、(目次の一話目の記事に設定した内容に基づき)親カテゴリタイトル、執筆日、冒頭部分(200文字)、ユーザータグワード、本編へのリンクボタンなどが表示されます。
作品のジャンルや傾向・セールスポイント(完結/連載中・長編/短編・恋愛/ファンタジー)など、読者に伝えたい作品情報をユーザータグとして作品の一話目の記事に設定すると、ここに表示できます。詳しくはコチラ

読みやすさを考慮し、小説本文ページは他ページより一回り大きなフォントで表示させています。
尚、携帯用NovelテンプレートのHTMLは共通ですので、スタイルシートを変更するだけでデザイン変更できます。
その他、パソコン用テンプレートとの違いなど、携帯用Novelテンプレートの詳しい説明は
 コチラと コチラ をご参照ください。

尚、携帯用Novelテンプレートをご利用になる場合は、モブログの設定など、パソコンサイトとは別の設定が必要になります。詳しくは  携帯用Novelテンプレートの基本設定
携帯用Novelテンプレートのカスタマイズについては コチラ
関連記事

mp_Love ハートの携帯用小説テンプレート

携帯用テンプレート

s_K_Love.jpg
携帯用小説テンプレート。
ページを極力軽くするため、画像は、表紙ヘッダーと見出しのみ使用。
ハートのヘッダー画像はWhite Board 様からお借りしました。
表紙作品扉目次本文通常ブログ画面NovelList最新記事

1360113040SK9F9c5WYvAEBr01360113030.gif
2013.2.22.漸く承認されましたが、更新更内容が、反映されていません…(>_<)。
ご利用の際は、最終更新日が2013.2.22.以降に変わってからDLしてください。
2013.2.28.更新内容が反映されました(^O^)


What's Newには、直近に更新された記事の更新日・作品(カテゴリ)名・記事タイトルが一件だけ表示されます。
但し、未来記事・記事別ページの表示順を古い順に設定している場合は最新記事が表示されず、常に未来記事・あるいは一番古い記事が表示されてしまうのでカスタマイズが必要です。詳しくはコチラ

Main直下のリストには、親カテゴリと単独カテゴリに設定した作品タイトルだけが表示され、子カテゴリに設定した作品タイトルは表示されません。
子カテゴリの作品タイトルは、親カテゴリの作品タイトルをクリックし、ページ内移動した先のリストで、関連作品として表示されます。

これは、カテゴリ数の多いブログでも、掲載作品を確認しやすくするためのものです。
これを生かすためにも、掲載作品(カテゴリ)数の多いブログでは、作品のジャンルや傾向(長編/短編・完結/連載中・恋愛/ミステリー/ファンタジー)ごとにまとめ、親子カテゴリを設定することをおススメします。詳しくはコチラ

単独カテゴリ、子カテゴリのタイトルをクリックすると目次(作品扉)が開きます。
目次の上部には、簡単な作品紹介として、(目次の一話目の記事に設定した内容に基づき)親カテゴリタイトル、執筆日、冒頭部分(200文字)、ユーザータグワード、本編へのリンクボタンなどが表示されます。
作品のジャンルや傾向・セールスポイント(完結/連載中・長編/短編・恋愛/ファンタジー)など、読者に伝えたい作品情報をユーザータグとして作品の一話目の記事に設定すると、ここに表示できます。詳しくはコチラ

読みやすさを考慮し、小説本文ページは他ページより一回り大きなフォントで表示させています。
尚、携帯用NovelテンプレートのHTMLは共通ですので、スタイルシートを変更するだけでデザイン変更できます。
その他、パソコン用テンプレートとの違いなど、携帯用Novelテンプレートの詳しい説明は
 コチラと コチラ をご参照ください。

尚、携帯用Novelテンプレートをご利用になる場合は、モブログの設定など、パソコンサイトとは別の設定が必要になります。詳しくは  携帯用Novelテンプレートの基本設定
携帯用Novelテンプレートのカスタマイズについては コチラ
関連記事

携帯用:NovelListを作成する

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

お知らせ 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を表示させる場合、完結⇔連載中・短編⇔中編⇔長編・恋愛⇔ミステリー⇔ファンタジーなど関連・類型したタグワードを選んでページ分けしましょう。
  


関連記事

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

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

main_samp7b.png
Main直下の最初のリストには、親カテゴリと(親カテゴリも子カテゴリも持たない)単独カテゴリに設定した作品タイトルだけが表示されますが、子カテゴリに設定した作品タイトルは表示されません。

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



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

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

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

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

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

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

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

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

携帯用:アクセス解析/カウンター・ランキングバナー等を貼る

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

携帯用Novelテンプレートにアクセス解析やアクセスカウンター、ランキングバナー等を設置する場合、テンプレートのHTML内の指定された個所にタグを貼ってください。

カスタマイズ


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


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


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

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

HTML編集]部分をカスタマイズします。
以下の個所を探します。
所定の位置にタグを貼れば、アクセス解析・アクセスカウンターは全ページのヘッダーに、ランキングバナーは全ての小説ページの末尾に表示される様になります。

<body>

~中略~

<!--▼メニューバ1ー-->
<div class="menu_bar" id="menu_bar1">
~中略~</div>
<!--▲メニューバー1-->

<div class="block_c"><!--削除不可広告--><%mob_ad><!--削除不可広告-->
<!--アクセスカウンター/解析を貼る場合はココ-->
</div>

<!--▽小説(記事)ページ-->
<!--permanent_area-->
<!--topentry-->
~中略~

<!--記事にランキングバナーなどを貼る場合はココ-->

~中略~
<!--/topentry-->
<!--/permanent_area-->
<!--△小説(記事)ページ-->


アクセス解析・アクセスカウンター赤色の部分
ランキングバナー等は青色の部分にそれぞれタグを貼ります。
更新】をクリック
関連記事

««

Menu

義援金募集

「東北関東大震災」支援クリック募金 FC2「東北地方太平洋沖地震」義援金募集につきまして

更新カレンダー

04 ≪│2017/05│≫ 06
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -

カテゴリ


テンプレートマニュアル
テンプレート一覧
テンプレート情報
 バージョンアップや改訂内容 (20)
 不具合の修正 (16)
 その他お知らせなど (57)
 管理人のおススメ (5)

未分類 (25)
カスタマイズの備忘録 (18)
小説サンプル(親カテゴリ)
 風立ちぬ (7)
 雪の女王 (9)
 銀河鉄道の夜 (11)
 坊っちゃん (13)
 幸福の王子(夢小説サンプル)  (3)

画像のためのカテゴリ
 人物イラストのためのカテゴリ (10)

最新記事

リンク

QRコード

QR

表示域確認中

hanakama.jpg
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。