2007年07月02日

2007 07.02 Mon


トップページにカテゴリ別最新記事一覧表示は、割と有名だが、個別記事(エントリー)ページに、その記事と同じカテゴリー記事タイトルリンクを自動リストアップ表示する方法は、Seesaaブログのカスタマイズでは見つからなかった。(MT関連では改造プラグインで多く見つかったが;)

ユーザビリティを考えると、関連記事リストの表示は望ましい。

しくこくキーワードを替え、検索しまくった結果、blogmake - ブログのカスタマイズを試すブログさんの記事に、Seesaaブログで実現されていた!

素晴らしい!これで手動でやる手間が省ける。(やってないけど)

早速、メモがてらソースを拝借。

ソース。先ずは、新着記事プラグインを利用した、最近のエントリのリストです。

<div id="idRecentEntryList"> <h2>このカテゴリの最近のエントリ<span style="display:none"><br />※CSS無効の場合(この文章を読んでいる場合)は、全カテゴリでの最近のエントリ</span></h2> <% if:list_article -%> <ul> <% loop:list_article -%> <li class="cateID<% article.category.id %>"> <a href="<% article.page_url %>" title="<% article.subject %>"><% article.subject | tag_break %></a> </li> <% /loop %> </ul> <% /if %>

各エントリのリストに、article.category.id を使って class名をつけておきます。

次は、表示のON/OFFを操作するスタイルシートです。記事プラグインを使って次のように書きます。

<% if:page_name eq 'article' %>
<% loop:list_article -%>
<style type="text/css">
<!--
div#idRecentEntryList ul li {
display:none;
}

div#idRecentEntryList ul li.cateID<% article.category.id %> {
display:block !important;
}
-->
</style>
<% /loop %>
<% /if %>

まず最初に、idRecentEntryListのdivの中にあるリスト項目を全て非表示にします。次に、現在のエントリのカテゴリIDを利用して、リストの中から特定のクラス名のもの(現在のエントリのカテゴリ)だけは表示するように再指定してやります。

ただし、このカスタマイズは、検索エンジンのインデックスに対してリスクを負うおそれがあるそうだ。
カスタマイズは結構な量の文章に display:none を利用するため、検索エンジンからキーワードスパムとして認識されてしまうおそれがあるらしい。(最近の検索エンジンはスタイルシートの内容も認識する)使用する場合は、そのあたりのリスクを考慮にいれる必要がある。

対策として rel="noflow" と、しておくと気休めになるかもしれません。とのこと。
(でもやっぱdisplay:noneのナイマス要素は解消されてない気がする;)

うーむ、使うべきか、使わざるべきか。。。

シーサーさん、プラグイン機能で追加してくれないかな

お疲れさまでした。
参考になりましたらソーシャルメディアで共有してくださいませ。
posted by こさめ
edit  re
この記事へのコメント
コメントを書く
お名前:

ホームページアドレス:(http:を省略して下さい)
http:
コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/46419435
※言及リンクのないトラックバックは受信されません。

■ この記事へのトラックバック
カテゴリ
インターネット>ブラウザ・WEBメール(24)
インターネット>Firefoxアドオン、設定(15)
インターネット>Proxomitronフィルター(32)
インターネット>ブログ、WEBサービス(53)
インターネット>アフィリエイト・ポイントサイト(27)
インターネット>楽天、ポイントあれこれ(5)
インターネット>Windows最適設定(32)
インターネット>インターネット設定(17)
インターネット>デスクトップ改造・拡張(7)
インターネット>セキュリティソフト(6)
ブログカスタマイズ>カテゴリー、記事一覧系(38)
ブログカスタマイズ>jQuery(Script)文字系(23)
ブログカスタマイズ>CSS(Script)デザイン(28)
ブログカスタマイズ>ブログパーツ(7)
ブログカスタマイズ>携帯モバイル系(3)
ブログカスタマイズ>SEO・アクセスアップ(31)
マルチメディア>Brackets(5)
マルチメディア>画像系ソフト(6)
マルチメディア>DVD・動画プレイヤー(15)
マルチメディア>動画編集ソフト(6)
マルチメディア>音楽再生プレイヤー(16)
マルチメディア>ネットラジオ配信・編集(3)
マルチメディア>P2Pテレビソフト(4)
マルチメディア>おもしろ動画・感動動画(25)
デザイン>フリー素材 画像(5)
デザイン>HP・ブログ フリー素材(6)
デザイン>イラスト(非素材)(8)
デザイン>作詞作曲編曲MP3(5)
雑記>PC部品・音楽機材(7)
雑記>映画・アニメ・漫画・芸能(14)
雑記>どうでもいい雑学知識(6)
雑記>ゲーム(6)
雑記>スマホ・携帯電話(6)
雑記>カーナビ・ETC(3)
雑記>ネット銀行とか(2)
雑記>18禁?ちょいエロネタ(3)

 (C) 2006 - kosame All rights.