全記事リスト表示ページを作る

2006–12–13 （Wed） 00:04
FC2::Developer'sBlog さんの ちょっとテスト という記事に、基本のソースがあります。

そちら＋テンプレート機能一覧（テンプレート中で使える変数一覧）を参考にしながら改造（欲しい表示項目を足したり引いたり…）しつつ、自分のテンプレートデザインに合わせたクラス名を適用させることで、自ブログと外観が統一された「全記事リスト一覧ページ」を作ることができます。

元のソースで設定されていたスタイルを取っ払って、クラス名だけの設定にしてみたのが↓こちら。（12月27日 記事のHTML表記を訂正）
contentは記事ごとのくくり、dateは記事のヘッダー部分、content_bodyは記事の文章部分…などと同じクラス名に適宜変更します。こちらのHTMLを、自分の好きな場所（記事と同じカラム内の方が見やすい）に配置すればOK。

<!--titlelist_area-->
<div class="content">
<h3 class="date">All Archives</h3>
<!--titlelist-->
<div class="content_body">
<a href="<%titlelist_url>" target="_blank"><%titlelist_year>/<%titlelist_month>/<%titlelist_day> <%titlelist_title></a> | <a href="<%titlelist_category_url>"><%titlelist_category></a><br>
　　��<%titlelist_body>...</div>
<!--/titlelist-->
</div>
<!--/titlelist_area-->

「全記事リスト一覧ページ」へは、共有プラグインの「全記事（数）表示」などを利用して移動してください。（現在配布中の当方デザインテンプレには、全記事リストページへの文字リンクを記載済み）

 

追記以下には、共有テンプレートとして配布中の当方デザインの物への個別対応HTMLを記載しました。
御手持ちのテンプレが全記事リスト表示に対応していないバージョンの場合、説明文を参考にしながら、該当箇所に追加（枠内をまるっとコピペでOK）してください。
既に有る設定（クラス名）を適用するだけの変更なので、スタイルシートの変更は無しです。

なお、クラス名等は個々のデザインに合わせてあり、それ以外のテンプレートでは使用できませんので、ご注意ください。
 

HTML追加箇所 ： 記事と同じカラム内（一番広い部分）の記事下あたりに配置します。（推奨）
リスト一覧ページに飛んだ時以外は表に表示されないので、基本的にどこに配置しても大丈夫だと思います。
<!--▲トラックバック部分ここまで▲-->
〜〜〜このあたりに追加〜〜〜
<!--▼前・次ページ移動ナビ▼-->

 

追加するHTML一覧 ：

[ eme_fireplace_3b ]
[ eme_orchid_3b ]
[ eme_milky-way ]
[ eme_race_2col_bw ]
[ eme_race_2col_bw-r ]
[ eme_race_2col_wb-r ]共通 ：

<!--▼全記事表示ページここからはじまり▼-->
<!--titlelist_area-->
<div class="section3">
<h2 class="plugin_area">All Archives</h2>
<!--titlelist-->
<div class="entry-body2">
<ul>
<li><a href="<%titlelist_url>" target="_blank"><%titlelist_title> （<%titlelist_year>年<%titlelist_month>月<%titlelist_day>日）</a> / <a href="<%titlelist_category_url>"><%titlelist_category></a><br />&nbsp;&nbsp;&#8658;&nbsp;<%titlelist_body>…</li>
</div>
<!--/titlelist-->
</div>
<!--/titlelist_area-->
<!--▲全記事表示ページここまで▲-->

[ eme_lace-up_2w ]
[ eme_lace-up_2b ] 共通 ：

<!--▼全記事表示ページここからはじまり▼-->
<!--titlelist_area-->
<div class="section3">
<div class="jig-bottom">
<h2 class="plugin_area">All Archives</h2>
<!--titlelist-->
<div class="entry-body2">
<ul>
<li><a href="<%titlelist_url>" target="_blank"><%titlelist_title> （<%titlelist_year>年<%titlelist_month>月<%titlelist_day>日）</a> / <a href="<%titlelist_category_url>"><%titlelist_category></a><br />&nbsp;&nbsp;&#8658;&nbsp;<%titlelist_body>…</li>
</div>
<!--/titlelist-->
</div>
</div>
<!--/titlelist_area-->
<!--▲全記事表示ページここまで▲-->

[ eme_3col_mint ] のみ ：

<!--▼全記事表示ページここからはじまり▼-->
<!--titlelist_area-->
<div class="section">
<h2 class="plugin_area">All Archives</h2>
<!--titlelist-->
<div class="plugin_content2">
<ul>
<li><a href="<%titlelist_url>" target="_blank"><%titlelist_title> （<%titlelist_year>年<%titlelist_month>月<%titlelist_day>日）</a> / <a href="<%titlelist_category_url>"><%titlelist_category></a><br />&nbsp;&nbsp;&#8658;&nbsp;<%titlelist_body>…</li>
</div>
<!--/titlelist-->
</div>
<!--/titlelist_area-->
<!--▲全記事表示ページここまで▲-->

« 段落番号の設定を追加 | HOME |  Another HTML-lint 簡易ゲートウェイ »

コメント

コメントの投稿

 
管理者にだけ表示

トラックバック

トラックバックURL

http://emeraldmountain.blog11.fc2.com/tb.php/88-e9a29024

⇒ この記事に対してトラックバックを送信する（FC2ブログユーザー）

 | HOME | 

translate this blog into

カレンダー

07 | 2008/08 | 09
日 月 火 水 木 金 土
- - - - - 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 - - - - - -

最近の記事

最近のコメント

最近のトラックバック

カウンター

総閲覧数：

プロフィール

「 emeraldmountain 」だったり、「wired（わや） 」だったり…

  • Author:「 emeraldmountain 」だったり、「wired（わや） 」だったり…
  • こちらは私の2ndブログです。
    日記的1stブログはこちら。↓
    HAKOIRI-SAKURAnbou
  • ブログバトラーはここにいる！（管理人：三毛猫さん） ↑ ブログバトラー設置サイトのリンク集

ブログ内検索


カテゴリー

全記事（数）表示

全タイトルを表示

Llnks

このブログをリンクに追加する

RSSフィード

Powered By FC2

Powered By FC2ブログ

ブログするなら、FC2ブログ。