ブログカスタマイズのブログ

HOME > 記事コンテンツ > 記事のリスト表示
2005年07月24日
【こんさんのコメントはこちら】
特定のカテゴリページだけ記事をリスト表示させる方法です。

記事カテゴリの編集で<% loop:list_article %>〜<% /loop %>の前後に赤文字と青文字で示した行を追加します。

<% if:category.name eq 'リスト表示させるカテゴリ名1' %>
リスト表示させるソース
<% else %><% if:category.name eq 'リスト表示させるカテゴリ名2' %>
リスト表示させるソース
<% else %>

<% loop:list_article -%>
<div class="blog">
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:Trackback="http://madskills.com/public/xml/rss/module/Trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="<% article.page_url | xml %>"
trackback:ping="<% article.tb_url | xml %>"
dc:title="<% article.subject | nl2br | tag_strip | xml %>"
dc:identifier="<% article.page_url | xml %>"
dc:description="<% article.get_excerpt | nl2br | tag_strip | xml | text_summary(240) %>"
dc:creator="<% article.nickname | nl2br | tag_strip | xml %>"
dc:subject="<% article_category.name | nl2br | tag_strip | xml %>"
dc:date="<% article.createstamp | date_format("%Y-%m-%dT%H:%M:%S+09:00") %>"
/>
</rdf:RDF>
-->
<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>
<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %></div>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.first_body | bodyfilter(article_info,blog) %></div>
<% /if -%>
<div class="posted">posted by <% article.nickname %> at <% article.createstamp | date_format("%H:%M") -%>
<% if:article_weather -%>
| <% article_weather.state %> <% article_weather.weather_emoji -%>
<% /if -%>
<% if:diet_log -%>
| <% if:diet_log.condition == -2 %>絶不調<img src="<% site_info.blog_url %>/img/icon/5.gif" width="16" height="17" border="0" alt="絶不調" /><% /if -%>
<% if:diet_log.condition == -1 %>不調<img src="<% site_info.blog_url %>/img/icon/4.gif" width="16" height="17" border="0" alt="不調" /><% /if -%>
<% if:diet_log.condition == 0 %>普通<img src="<% site_info.blog_url %>/img/icon/3.gif" width="16" height="17" border="0" alt="普通" /><% /if -%>
<% if:diet_log.condition == 1 %>好調<img src="<% site_info.blog_url %>/img/icon/2.gif" width="16" height="17" border="0" alt="好調" /><% /if -%>
<% if:diet_log.condition == 2 %>絶好調<img src="<% site_info.blog_url %>/img/icon/1.gif" width="16" height="17" border="0" alt="絶好調" /><% /if -%>
<% /if -%>
<% if:article.accept_comment -%>
| <a href="<% article.page_url %>#comment">Comment(<% article.children_count | __or__ | echo('0') %>)</a>
<% /if -%>
<% if:article.accept_tb %>
| <a href="<% article.page_url %>#trackback">TrackBack(<% article.tb_count | __or__ | echo('0') %>)</a>
<% /if -%>
<% if:style.disp_category %>| <a href="<% article_category.page_url %>"><% article_category.name %></a><% /if %>
</div>
</div>
</div>
<% /loop -%>
<% /if %><% /if %>

青文字の<% /if %>はif文の数だけ記述します。

赤文字の「リスト表示させるソース」は次のような感じで記述します。
サンプルなのでブログに合ったデザインに変更して下さい。

<div class="blog">
<div class="blogbody">
<div class="text">
<% loop:list_article -%>
<a href="<% article.page_url %>" class="title"><% article.subject %></a><br />
<% /loop -%>
</div>
</div>
</div>

少しif文の書き方が複雑なので、分りにくいようであればコメント下さい!
00:38 | Comments(5) |
この記事へのコメント
2005年07月31日
管理人さん、解説ありがとうございました。
レスが遅くなってすみません。

さっそくやってみて特定カテゴリのみリスト表示ができたのですが。
なぜか、IEだけスクロールするとリストの文字がところどころ消えてしまうんです(カーソルを合わせるとすぐ現れる)。
ネスケやFirefoxやOperaだとまったく表示に問題ないんですが…。IEのバグであれば直し方がさっぱりです。
Posted by こん at 15:57
2005年07月31日
こんさん、こんばんは。

実際に見てないので断言できませんが話しを聞く限りIEの不具合っぽいですねー。そうなるとユーザー側は何もできません。新しいIEで直っていることを期待するか、今のIEでもちゃんと表示できるような書き方に直すしか方法はないです。
Posted by 管理人 at 23:36
2005年08月01日
やっぱりそうですよね。
もうちょっと自分で工夫してみます。
何かの拍子に解決できたらいいのですが。

でも、リスト化できてすっきりしたことは間違いないので、とても感謝しております。
改めて、ありがとうございました。
Posted by こん at 02:30
2005年08月13日
こんばんは。

その後、不具合が解決したので、いちおうご報告させていただきます。

やはり、IEの有名なバグでした。
CSSの不具合が起きる部分に、

width:100%;

をつけ加えると解決するようです。
私はバッチリでした。

同じことで悩んでいる方もいるかもしれないので、参考になれば…。
Posted by こん at 23:03
2005年08月15日
こんさん、こんばんは。

いま知り合いのブログを作っているのですが、IEで納得行かないpaddingがあったので試しにwidthを指定したらうまく行きました!w

マジで勉強になりました!
Posted by 管理人 at 00:39
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

×

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