スポンサーサイト

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

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

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>" _fcksavedurl=""<%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>" _fcksavedurl=""<%titlelist_url>"" _fcksavedurl=""<%titlelist_url>"" _fcksavedurl=""<%titlelist_url>"" _fcksavedurl=""<%titlelist_url>"" _fcksavedurl=""<%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>" _fcksavedurl=""<%titlelist_url>"" _fcksavedurl=""<%titlelist_url>"" _fcksavedurl=""<%titlelist_url>"" _fcksavedurl=""<%titlelist_url>"" _fcksavedurl=""<%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>" _fcksavedurl=""<%titlelist_url>"" _fcksavedurl=""<%titlelist_url>"" _fcksavedurl=""<%titlelist_url>"" _fcksavedurl=""<%titlelist_url>"" _fcksavedurl=""<%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-->
<!--▲全記事表示ページここまで▲-->


<2010年01月30日:追記>
なお、全記事表示のうち『カテゴリー表示及び、本文の一部が表示されるもの』を、『タイトルのみ表示』に変更したい方は、同様のHTMLの内の<li> ~ </li> 部分に含まれる、赤文字部分の記述を削除してください。
<li><a href="<%titlelist_url>" _fcksavedurl=""<%titlelist_url>"" _fcksavedurl=""<%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>
スポンサーサイト

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

コメント

コメントの投稿

 
管理者にだけ表示

トラックバック

トラックバックURL

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

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

 | HOME | 

translate this blog into

カレンダー

08 | 2017/09 | 10
- - - - - 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

最近の記事

最近のコメント

最近のトラックバック

カウンター

総閲覧数:

プロフィール

emeraldmountain

  • Author:emeraldmountain
  • 最近こちらのブログにはあまり出入りしていません。返信等はかなり遅れます。ご容赦くださいませ。

ブログ内検索

カテゴリー

全記事(数)表示

全タイトルを表示

Llnks

RSSフィード

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