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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←イラストリスト(Illust List)の説明 →ユーザータグ「Character」を設定して登場人物紹介ページにする
 
上記の広告は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
   
 

「テンプレートマニュアル」
イラストリスト

イラストリスト(Illust List)の表示スタイルを変更する

 画像のないテンプレートで記事をご覧になる場合は
 Temlplate Image : カスタマイズの難易度1  
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←イラストリスト(Illust List)の説明 →ユーザータグ「Character」を設定して登場人物紹介ページにする
 
カスタマイズの難易度1 カスタマイズの難易度1

以下はイラストリスト付きテンプレートをご利用の場合のカスタマイズのご紹介です。
イラストリスト(Illust List)・イラストリスト付きテンプレートについての説明は コチラ コチラ

イラストリスト(Illust List)の表示スタイルを変更する


DL時、イラストリストは飾り枠付きの画像と記事冒頭文が表示されるスタイルですが、イラストリスト付きのテンプレートのHTMLには画像だけを一覧表示させるスタイルのソースが埋め込まれていますので簡単に変更できます。
タグエリアで画像を一覧表示させた場合のサンプル コチラコチラ


☆ カスタマイズの前にはコピーをとりましょう!コピーのとり方はコチラ こちら  

 カスタマイズ




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


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

HTML編集]部分をカスタマイズします。
以下の赤字の部分を追加し、青字の部分を削除します。

<!--▽Novel List小説一覧ページ▽-->
<!--tag_area-->

<!--DL時イラストページはIllust List(2)で飾り枠付きの画像と記事冒頭文が表示されますが
画像だけを横に並ばせるスタイルIllust List(1)に変更することもできます
詳しくは解説記事をごらんください -->


<!--▼Illust List(1) 画像(イラスト)が横にならぶスタイル▼-->

<div class="c tagIllust">
<!--topentry--><div id="gazou_box">
<div class="entry_gazou">
<a href="<%topentry_link>" title="<%topentry_title>"><%topentry_body></a>
</div></entry_gazou>
<div class="entry_gazou_title"><a href="<%topentry_link>" title="<%topentry_discription>"><%topentry_title></a></div>
<div class="entry_gazou_date">
<a href="<%topentry_link>" title="続きをよむ">»»</a>  <%topentry_year>.<%topentry_month>.<%topentry_day>.<script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script></div>
<div class="entry_gazou_cat">
<a href="<%topentry_category_link>" title="【<%topentry_category>】のもくじへ"><%topentry_category></a>
</div>
</div></gazou_box>
<!--/topentry--><br clear="both">
</div></c tagIllust>


<!--▲Illust List(1) 画像(イラスト)が横にならぶスタイル▼-->


<div class="entry">

<!--▼ 通常のNovel List(小説案内)のブロック -->
<div class="hidden_tag<%sub_title>">
<!--topentry-->

 ~ 中 略 ~

<!--/topentry-->
</div></hidden_tag%sub_title>
<!--▲ 通常のNovel List(小説案内ページ)のブロック -->


<!--▼ Illust List(2)画像(イラスト)の横に記事冒頭文が表示されるスタイル-->

<div class="c tagIllust" align="center">
<!--topentry-->

 ~ 中 略 ~
<a href="<%topentry_link>" title="<%topentry_discription>"><%topentry_body></a>

 ~ 中 略 ~
<!--/topentry-->
<p style="text-align :left ; margin-left: 50px ; "> Material 「<a href="http://www.ream.ais.ne.jp/~meme/index.htm" target="_blank">素材の小路</a> 」</p>
</div></c tagIllust>

<!--▲ Illust List(2)画像(イラスト)の横に記事冒頭文が表示されるスタイル -->

<ul class="entry_navi">
<li> <!--prevpage--><a href="<%prevpage_url>">  <i>Back</i>  </a><!--/prevpage--></li><li><!--nextpage--><a href="<%nextpage_url>">  <i>Next</i>  </a><!--/nextpage--> </li>

</ul>
</div>
<!--/tag_area-->



更新 】 をクリックする。


尚、記事本文ではなく、追記部分の冒頭にアップさせた画像をイラストリストに表示させる場合は、

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

~ Comment ~

ご指摘ありがとうございます。

コメントにてご指摘、ありがとうございました。

昨日、このテンプレートでブログを立ち上げて、ショップも一緒に作ったばかりで、そこまで手が回っていませんでした。
でも、カスタマイズに夢中で忘れかけておりました。
ありがとうございました。

さっきのコメントから、ずっとこのカスタマイズをして悩んでおりました。
なぜか、画像が縦にずっと、並んでしまうので
ココに例としてあるソースをコピーして
張り替えたら横に並び始めました。

それと、画像が並ぶページタイトルは
『Illust』から変えられないんですね。
このページのタイトルは、ユーザータグなんですね。

だから、ユーザータグの指定から変えないと、タイトルが変わらないことに気づいたんですが。

その指定の設定に手間取ってちょっと大変でした。
『Novel List』のページのように
HTMLをちょっと書き換えるだけで変えられるのかと
必死でこのページのその記述を探したんですが
見つからなかったので、ココにリストされるユーザータグの指定を変えました。

そういうカスタマイズはOKだったんでしょうか?

ご丁寧で早い対応、ありがとうございます。

カスタマイズだけでもこんなに大変なのに、テンプレートを作って、その上サポートブログをここまで充実させるなんてすごいです。

利用者にとってとてもありがたく、ためになるブログですね。

To:PIOママさま

DLとコメントありがとうございます。

拙作テンプレでは、便宜上、*(アスタリスク)をユーザータグに設定したページをNovelListとして活用しておりますが、別のタグワードを記事に設定し、それをクリックすれば、ページタイトルもそのタグワードで表示されます。

詳しくは ⇒ http://noveltemplate.blog26.fc2.com/blog-entry-46.html#tagtag

<%url>?tag=○○ ○○をタグワード(英数半角文字の場合)、もしくはタグワードの変換記号に変更すればそのタグワードのページアドレスになります。

イラストリスト付きテンプレの場合は、タグエリアで、tagword(タグワード:ユーザータグ)をクラス名に指定することで、通常とは別レイアウトで画像一覧できるようにカスタマイズしております。
結構複雑なカスタマイズですので、詳しいご説明はご勘弁願いたいのですが、半角英数字のタグワードであれば、それをページタイトルに設定し、なお且つ画像一覧表示にする簡単な方法がないわけではありません。
但し、手っとり早くはありますが、ある意味かなりイレギュラーなカスタマイズですので、お試しになる場合は、その前に必ずコピーをとってからお試しください。

(1)最初に画像一覧させたい記事に半角英数字で別のユーザータグを設定する。

(2)画像の横に説明文を表示する場合
メモ帳などを用いて、HTML中の「Illust」という語彙を(1)で設定したユーザータグに一括で置き換える。

(3)画像のみを一覧表示したい場合
メモ帳などを用いて、HTML中の「Photo」という語彙を(1)で設定したユーザータグに一括で置き換える。

PIOママさまは既にカスタマイズのために削除、追加した部分があるかと思います。そのせいで上のカスタマイズが反映されないかもしれませんので、ご興味がある場合は、再DLしてからお試しになることをおススメ致します。
カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←イラストリスト(Illust List)の説明    →ユーザータグ「Character」を設定して登場人物紹介ページにする

名前変換フォーム

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