ネット生活-ライフ空間-

ライフ空間では、通販感想レビュー、覚書等好きな事を紹介しています!
ネット生活-ライフ空間- TOP  >  忍者ブログカスタマズ >  記事のタイトルを一覧表示(忍者ブログ)
-ad-

記事のタイトルを一覧表示(忍者ブログ)

記事のタイトルを一覧にして表示します。(忍者ブログ)

忍者ブログでの設定方法は、下記の記述を追加するだけです。

追加は、
「テンプレート設定/編集」→「修正」で行います。

<!-- タイトル一覧【カテゴリページ】 -->
<!--if_category-->
<div class="TitleList_Box">
<div class="TitleList_Title">■<!--$g_page_title--></div>
<div class="TitleList_Text">
<!--entry-->
[<!--$entry_year-->/<!--$entry_mon-->/<!--$entry_day-->] <a href="<!--$entry_link-->"><!--$entry_title--></a> (No.<!--$entry_no-->)<br />
<!--/entry-->
</div>
<div class="TitleList_PageLink">
<!--if_prev_page--><a href="<!--$pagelink_prev_link-->">≪</a> <!--/if_prev_page-->
<!--pagelink_10-->
[<!--$pagelink_10_link-->]
<!--/pagelink_10-->
<!--if_next_page--><a href="<!--$pagelink_next_link-->">≫</a> <!--/if_next_page-->
</div>
</div>
<!--/if_category-->
<!-- /タイトル一覧【カテゴリページ】 -->
<!-- タイトル一覧【アーカイブページ】 -->
<!--if_date-->
<div class="TitleList_Box">
<div class="TitleList_Title">■<!--$g_page_title--></div>
<div class="TitleList_Text">
<!--entry-->
[<!--$entry_year-->/<!--$entry_mon-->/<!--$entry_day-->] <a href="<!--$entry_link-->"><!--$entry_title--></a> (No.<!--$entry_no-->)<br />
<!--/entry-->
</div>
<div class="TitleList_PageLink">
<!--if_prev_page--><a href="<!--$pagelink_prev_link-->">≪</a> <!--/if_prev_page-->
<!--pagelink_10-->
[<!--$pagelink_10_link-->]
<!--/pagelink_10-->
<!--if_next_page--><a href="<!--$pagelink_next_link-->">≫</a> <!--/if_next_page-->
</div>
</div>
<!--/if_date-->
<!-- /タイトル一覧【アーカイブページ】 -->

<!--entry-->
の上に挿入しています。

※[Ctrl]+[F]で、<!--entry-->を検索すると見つけやすいです。

CSSを追加すると細かい設定が出来ます。

/**************************************************************************************
記事タイトル一覧
**************************************************************************************/
/*-------------------------------------------------------
記事タイトル一覧部分 > 全体
-------------------------------------------------------*/
.TitleList_Box {
font-size: 150%; /* フォントサイズ */
width: 542px; /* 枠の幅 */
text-align:left; /* テキスト位置 */
background-color:#b7b7b7; /* 背景色 */
border:1px solid #b7b7b7; /* 枠線の設定 */
padding:5px; /* 内側余白 */
margin: 0px 0px 15px 0px; /* 外側余白 */
}
/*-------------------------------------------------------
記事タイトル一覧部分 > タイトル
-------------------------------------------------------*/
.TitleList_Title {
font-weight: bold;
}
/*-------------------------------------------------------
記事タイトル一覧部分 > テキスト
-------------------------------------------------------*/
.TitleList_Text {
font-size: 90%;
text-align:left;
margin: 0px 0px 0px 10px;
}
/*-------------------------------------------------------
記事タイトル一覧部分 > ページリンク
-------------------------------------------------------*/
.TitleList_PageLink {
font-size: 90%;
text-align:center;
}

記事で書いているカスタマイズは、自分用として記載していますので参考になさる場合は自己責任でお願い致します。
カスタマイズをする時は、必ずバックアップをするようにして下さいね♪

関連記事
Advertisement

よろしければ応援して下さい(^v^)

PINGOO!カテゴリ日記 ブログランキング・にほんブログ村へ fc2 people