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

スポンサー広告

スポンサーサイト

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

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

ユーザータグ「Character」を設定して登場人物紹介ページにする

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

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

ユーザータグ「Character」を設定した記事で画像を一覧表示させる



イラストリストはイラストリスト付きテンプレートで、ユーザータグ「Illust」を設定した記事が一覧表示されるページです。
「Illust」だけではなく、ユーザータグ「Character」を設定した記事もまた、イラストリストと同じように画像を一覧表示できます。イラストが多数あるサイト様の場合、小説の登場人物のイラストだけを各々一つ選んで、その記事にユーザータグ「Character」(半角)を設定すれば、画像付きで登場人物を紹介するページ(Character List)にできます。

ユーザータグの設定については  Illust Listの説明をご参照ください。
登場人物のイラスト付き紹介ページ(Character List)のサンプルは コチラ コチラ

また、Character Listへのリンクボタンは、DL時は非表示になっていますが、ソースが予め埋め込まれおりますから、不要なタグを削除するだけで簡単に表示させることができます。

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

リンクボタンのカスタマイズ



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


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

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

表紙メニューにリンクボタンを表示


表紙メニューにリンクボタンを表示させる場合、赤字の部分を削除

<!-- ▼▼▼ 表紙ページ・メニュー ▼▼▼ー-->

<!--index_area-->

<h2 class="side_menu">M E N U</h2>

<!--▽「はじめに」「About」など,メニューの一番上にリンクボタンを追加する場合は、
前後の行を削除してリンク先に記事のアドレスを入れてください。-->

<!--▽「はじめに」「About」-->

<!--この行を削除

<h3 class="side_menu" ><a href="記事のアドレス" onmouseover="myIn('step0')" onmouseout="myOut('step0')" title="初めてご訪問の方はご覧ください">    はじめに</a></h3>
この行を削除-->

<!--△「はじめに」「About」-->

<!--▼▼▼▼▼ JavaScript有効時に表示のメニューボタン▼▼▼▼▼ -->

<div id="JSOK" style="display:none;">


 ~ 中 略 ~



<!--▼Illust List(イラスト一覧ページ)へのリンクボタン▼-->
<h3 class="side_menu" ><a href="<%url>?tag=Illust" onmouseover="myIn('step2')" title="イラスト一覧ページ"
onmouseout="myOut('step2')">  Illust</a></h3>
<!--▲Illust List(イラスト一覧ページ)へのリンクボタン▲-->

<!--▼ 登場人物のイラスト付き紹介ページへのリンクボタンを表示させる場合この行と下の行を削除
<h3 class="side_menu" ><a href="<%url>?tag=Character" onmouseover="myIn('step4')" title="登場人物のイラスト付き紹介ページ"
onmouseout="myOut('step4')">  キャラ 絵</a></h3>
▲登場人物のイラスト付き紹介ページへのリンクボタンを表示させる場合この行と上の行を削除-->

<!--▼カテゴリ別タイトルリストへのリンクボタン▼-->
<h3 class="side_menu" ><a href="<%url>archives.html" onmouseover="myIn('step6')"title=""
onmouseout="myOut('step6')" >  All Titlelist </a></h3>
<!--▲カテゴリ別タイトルリストへのリンクボタン▲-->

 ~ 中 略 ~



<!--/index_area-->



メニューバーの表示


上下メニューバーにリンクボタンを表示させる場合以下の赤字の部分を削除

<!--▼▼サイトナビゲーション(1)(画面上メニューバー)▼▼-->

<div class="navi_top">
<ul>

 ~ 中 略 ~

<li> <a href="<%url>?tag=%2A" title="Novel List(小説一覧ページ)へ"> ◆<i>Novel List</i> </a>
</li>
<li> <a href="<%url>?tag=Illust" title="Illust List(イラスト一覧ページ)へ"> ◆<i>Illust</i> </a>
</li>
<!--▼ 登場人物紹介ページへのリンクボタンを表示させる場合この行と下の行を削除
<li> <a href="<%url>?Character=Illust" title="登場人物のイメージイラスト付き紹介ページ"> ◆<i>Chara</i> </a>
</li>
▲登場人物紹介ページへのリンクボタンを表示させる場合この行と上の行を削除-->
<li> <a href="<%url>archives.html" title="全記事一覧ページ"> ◆<i>All</i> </a>
</li>
<li><a href="<%url>?page=0" title="通常ブログ画面へ"> ◆通常ブログ画面 </a>
</li>
 ~ 中 略 ~

</ul>
</div>
<!--▲▲サイトナビゲーション(1)(画面上メニューバー)▲▲-->

<!--▼▼サイトナビゲーション(2)(画面下メニューバー)▼▼-->

<div class="navi_top">
<ul>

 ~ 中 略 ~

<li> <a href="<%url>?tag=%2A" title="Novel List(小説一覧ページ)へ"> ◆<i>Novel List</i> </a>
</li>
<li> <a href="<%url>?tag=Illust" title="Illust List(イラスト一覧ページ)へ"> ◆<i>Illust</i> </a>
</li>
<!--▼ 登場人物紹介ページへのリンクボタンを表示させる場合この行と下の行を削除
<li> <a href="<%url>?Character=Illust" title="登場人物のイメージイラスト付き紹介ページ"> ◆<i>Chara</i> </a>
</li>
▲登場人物紹介ページへのリンクボタンを表示させる場合この行と上の行を削除-->
<li> <a href="<%url>archives.html" title="全記事一覧ページ"> ◆<i>All</i> </a>
</li>
<li><a href="<%url>?page=0" title="通常ブログ画面へ"> ◆通常ブログ画面 </a>
</li>
 ~ 中 略 ~

</ul>
</div><!--▲▲サイトナビゲーション(2)(画面下メニューバー)▲▲-->


オンマウスした時表示される説明の変更


リンクボタンにオンマウスした時表示される説明を変更する場合、赤字の部分を変更

<!--▲▲ フッター(2)( 表紙ページ)▲▲-->
</div>
</div>
<!--▲▲▲左フレーム ▲▲▲-->

<!--index_area-->


 ~ 中 略 ~




<!--▼Illust List(イラスト一覧ページ)の説明▼-->
<div id="step2" style="position:absolute; top:120px; left:280px;
background-color: #f2f2f2; z-index:1; visibility:hidden;font-size : 90%;padding:2px 10px;min-width:340px;"class="block_8">
掲載イラストの一覧ページ<br />
サムネイルをクリックすると記事または原寸サイズの画像をご覧になれます</p>
</div>
<!--▲Illust List(イラスト一覧ページ)への説明-->

<!--▼Character List(登場人物紹介ページ)の説明▼-->
<div id="step4" style="position:absolute; top:120px; left:280px;
background-color: #f2f2f2; z-index:1; visibility:hidden;font-size : 90%;padding:2px 10px;min-width:340px;"class="block_8">
登場人物のイメージイラスト付き紹介ページ</p>
</div>
<!--▲Character List(登場人物紹介ページ)の説明-->

<!--▼カテゴリ別全記事一覧タイトルリスト▼-->
<div id="step6" style="position:absolute; top:120px; left:280px;
background-color: #f2f2f2; z-index:1; visibility:hidden;font-size : 90%;padding:2px 10px;min-width:340px;"class="block_8">作品(カテゴリ)別に分類されたすべての小説ページ(記事)のタイトルをご覧になれます。
</div>
<!--▲カテゴリ別全記事一覧タイトルリスト-->


 ~ 中 略 ~



<!--/index_area-->



カスタマイズ 具体例



イラストリストは多数の画像を一覧できる画像用目次(1)のスタイルに、
ユーザータグCharacterを設定したページは画像用目次(2)のスタイルで表示させる場合

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 tagCharacter" align="center">
<!--topentry-->

 ~ 中 略 ~

<!--/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-->



更新 】 をクリックする。


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

~ Comment ~

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

名前変換フォーム

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