Seesaa[HTML編集]・タグページのカスタマイズ

タグページに記事の要約を付けるカスタマイズです（コンテンツのタグクラウドではなく、タグをクリックしたときに表示されるページです）。
タグページに表示されるのは「記事のタイトルと記事の作成日時（他フォトなど）」ですが、このカスタマイズをすると、ブログ内検索をしたときの結果のようになります。

カスタマイズ方法は以下。

※HTML編集は自己責任でお願いします。

「デザイン」→「HTM」から「HTMLの追加」、もしくはすでに編集用のHTMLを追加している場合はそちらを選択します。

<% if:tag_service.service_key eq 'articles' -%>

と言う部分を探します。
このコードの少し下に、

<div class="tag-article">
<div class="tag-article-title"><a href="<% article.page_url %>"><% article.subject %></a> <span class="tag-article-posted">[<% article.createstamp | date_format("%Y/%m/%d %H:%M") %>]</span></div>

<!--<div class="tag-article-summary"><% article.entire_body | text_summary(240) | tag_strip %></div>-->

と言う部分があるのですが、コメントアウトされている部分があるので<!-- -->を削除します。

こうするだけで、タグページの記事一覧がブログ内検索をかけたときのような記事一覧になります。

あとは、Seesaa[HTML編集]・検索結果の表示を変えるを参考に記事の要約部分デザインを変えることもできますし、タイトルや日付の位置やCSSを変更して、さらにブログ内検索ページと同じデザインに近づけることも出来ます。

例えば、私のブログではタグクリックするとこのように表示されます。

[解説、というか一言]
ここ、なんでコメントアウトしてあるんでしょうね？
Seesaa側で一応用意してみたものの、タグページの見た目を考慮して要約表示の部分はコメントにしたって感じなのかなぁ。
それともお好みで各自コメントを外してね、ってことかな。
とにかく、コメントを外すだけなのでカスタマイズとしては楽です。

私のブログではタグにも要約があったほうがいいと判断して、コメントを外し、さらにtext_summaryではなくshortenを使いました。
写真が主体のサイトなどではタグページの記事の要約は返って邪魔だったりするのかもしれません。

Comments

突然ですが、コミュニケーションサイトを運営しております。
p-netbanking と申します。当サイトでは、
「人気ブログをランキング」を重要なテーマとし、
ブロガーの方々の、コミュニケーションの場を提供すると同時に、
どなたでも無料で参加でき、よりエンターテイメントに、
気軽に立ち寄れるサイトを目指し、日々、努力をしています。
貴ブログ様のご登録の御願いにコメント欄を
お借りしてご案内をいたしました。
是非とも、貴ブログのご登録、及び、
ランキング参加を御願いできれば幸いです。
こちらのサイトです。
http://www.p-netbanking.jp
検索バー横にブログ登録フォームがあります。
また、検索サイト・ランキングサイト等より訪問しております。
重複してご案内になりましたらお詫び申し上げます。
なお、全く興味のない方は、削除してください。
失礼いたします。

Posted by magazinn55 at 2008年11月01日 06:16