[topicpath]
seesaaブログテンプレート改造計画 > カテゴリのカスタマイズ
2014年06月05日

カテゴリーページで記事一覧を表示する方法というのを試してみたが、ちょっと期待と違っていた

 カテゴリページで記事一覧を表示する方法というのがあったので一寸やってみた。

 

カテゴリーページで記事一覧を表示する方法

1、「デザイン」⇒「コンテンツ」⇒「記事』⇒「HTMLの編集」とクリック。

2、<% if:page_name eq 'category' -%>を検索。

3、以下のHTMLを見つける。

<% 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 -%>
<!-- この部分に入れる-->
<% /if -%>

4、<!-- この部分に入れる-->に下のHTMLを付け加える。

<div id="clist">
<script langage="JavaScript">
<!--
<% if:pager.need_pager -%>
var start=1+<% blog.category_page_cnt %>*(<% current_page %>-1);
var end=<% if:pager.next_page %><% blog.category_page_cnt %>*<% current_page %><% else %><% category.article_count %><% /if %>;
document.write("「<% category.name %>」カテゴリの<% category.article_count %>件中",start,"-",end,"件の記事一覧です。");
<% else -%>
document.write("「<% category.name %>」カテゴリの記事一覧です。");
<% /if -%>
// -->
</script>
<ul>
<% loop:list_article -%>
<li><a href="<% article.page_url %>" class="a"><% article.subject %></a></li>
<% /loop -%>
</ul>
</div>

5、「保存」をクリック。

 

元の記事コンテンツHTMLの解説

・ナビ部分↓

<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 -%>

 

 参考にしたのはhttp://template.seesaa.net/article/2429125.htmlの記事。

 

 シーサーブログのカテゴリページのタイトルをJavaScriptで収得している様子。

 問題点としては、シーサーブログの設定でカテゴリページの表示件数を決めた分しか表示されないところ。

 

 実は、おいらがやりたいのと一寸違う結果になってしまった。

 おいらは、本当は、すべての記事の記事一覧がほしいのだ。

 

 シーサーブログでカテゴリページ、過去ログページで表示できる件数は300件までだ。

 ひとつのカテゴリで300件以上の記事を書いた場合は利用できるかもしれない。

 でもなあ、300件分の記事まで1ページに表示されてしまうってのもページが重くなるだけだし。

 カテゴリや過去記事ページの表示件数の分のタイトルリストを表示させるだけなら、JavaScriptを使わなくても出来るし。

カテゴリーページにタイトルリストを一覧表示し、概要を付け加える方法はこちらを見てね

 何かの参考になるかと思ったんだけど、残念だ。




posted by yaya at 12:49 | Comment(0) | TrackBack(0) | カテゴリのカスタマイズ | このブログの読者になる | 更新情報をチェックする
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日以上新しい記事の投稿がないブログに表示されております。