[topicpath]
seesaaブログテンプレート改造計画 > カテゴリのカスタマイズ > カテゴリーページにタイトルリストと記事の概要(要約・サマリー)を表示する
2014年05月10日

カテゴリーページにタイトルリストと記事の概要(要約・サマリー)を表示する

 カテゴリーページをリスト化した後にそのタイトルの記事の概要(要約・サマリー)が表示されるようにしてみよう。

 カテゴリーページのリスト化をして、リンク付きタイトルのみを表示する方法はこちらの過去記事を見てね

 今回は、リスト化のすんだカテゴリーページに<% article.entire_body | text_summary(240) | tag_strip %>を使って、タイトルの後に記事の概要(要約・サマリー)が表示されるようにしてみた。

 <% article.entire_body | text_summary(240) | tag_strip %>については、こちらの過去記事も見てね

 今回は、カテゴリページをリスト化する前のシーザーブログのテンプレートを前提にカスタマイズする。

 

カテゴリーページにタイトルリストと記事の概要(要約・サマリー)を表示する

1、デザイン⇒コンテンツ⇒記事⇒記事のHTML編集。

2、中のHTMLをすべてコピーしテキストエディタに貼り付ける。

3、テキストエディタで、以下の記述を探す。

<% if:page_name eq 'category' -%>
<div class="navi">
<a href="<% blog.page_url %>">TOP</a> / <% category.name %>
</div>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %><a href="<% category.page_url(pager.previous_page) %>">&lt;&lt;</a><% else %>-<% /if %><% loop:list_pager %><% if:pager.show_previous_group(pager_number,5) %>..<% /if %><% if:pager.show_page(pager_number,5) %> <% if:current_page ne pager_number %><a href="<% category.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %><% /if %><% if:pager.show_next_group(pager_number,5) %>..<% /if %><% /loop %> <% if:pager.next_page %><a href="<% category.page_url(pager.next_page) %>">&gt;&gt;</a><% else %>-<% /if %>
</div><% /if -%> 

 

4、上のHTMLの最後に、下の記述を追加。

<!--一覧表示--><div class="blog"> <div class="blogbody"><h3 class="title">[<% category.name %>]の記事一覧</h3> <div id="clist">  <% loop:list_article -%> ・<a href="<% article.page_url %>"><% article.subject %></a><br> <% article.entire_body | text_summary(240) | tag_strip %><% /loop -%>  </div> </div> </div> <!--/一覧表示-->

 

5、追加したHTMLの後の<% loop:list_article -%>の前に、<% unless:page_name eq 'category' -%>を追加。

 

6、以下のHTMLの下に、<% /unless -%>を追加

<% if:blog.fan_setting.accept_fan %>| <a href="<% blog.fan_regist_url %>" title="このブログの読者になる"><img src="<% site_info.blog_url %>/img/fan_read.gif" alt="このブログの読者になる" border="0" /></a><% /if %>
| <a href="<% blog.fan_blog_reader_url %>" title="更新情報をチェックする"><img src="<% site_info.blog_url %>/img/fan_received.gif" alt="更新情報をチェックする" border="0" /></a>
</div>
</div>
</div>
<% /loop -%>

 

 なお、見出しタグをカスタマイズして、ページタイトルを<h2></h2>にしている場合は、<h3 class="title">[<% category.name %>]の記事一覧</h3>の部分を<h2 class="title">[<% category.name %>]の記事一覧</h2>にして、・<a href="<% article.page_url %>"><% article.subject %></a>を<h3>・<a href="<% article.page_url %>"><% article.subject %></a></h3>にしてください。

 

 似たようなやり方で過去ログページのタイトルリスト化と概要を表示することもできると思う。

 今度試してみよう。




posted by yaya at 23:10 | Comment(0) | TrackBack(0) | カテゴリのカスタマイズ | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック
最近のコメント
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。