Seesaa ブログテンプレート更新(タグリスト・タグクラウド対応)

Seesaa ブログテンプレート更新(タグリスト・タグクラウド対応)

Posted at December 16,2006 2:50 AM
Tag:[Seesaa, Template]

タグリスト現在配布中の Seesaa ブログテンプレートを、タグリスト・タグクラウド対応にしました。

タグリストは、まず「記事投稿」または「記事一覧」で記事を編集する際に「記事のタグ」欄があり、この部分に任意のタグ名を設定すると、ブログで表示される記事の下に「タグ」が表示されます。表示されたタグ名のリンクをクリックすると同一タグ名を割り振った記事リスト(タグリスト:左スクリーンショット)が表示されます。
このタグリストのページの HTML およびスタイルシートを追加しました。

またサイドバーの「タグクラウド」に対応するスタイルシートも追加しました。デフォルトテンプレートで配布されているスタイルシートには説明がないため、一部コメントで補足しております。タグ部分のスタイルを変更される場合の参考になれば幸いです。

サンプル(Seesaa ブログ実験サイト)

元記事はすでに修正済ですが、2006年12月16日以前に Seesaa ブログテンプレートをご利用になっている方は、下記のテキストエリアに表示している差分を、現在ご利用中の HTML およびスタイルシートに追加してください。HTML の挿入位置はリスト 1 の通りです。

リスト1 HTML挿入部分
     :
<% if:page_name eq 'search' -%>
<% loop:list_article %>
<div class="blog">
<h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2>
<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<div class="text"><% article.entire_body | text_summary(240) %></div>
<div class="posted">posted by <% article.nickname %> at <% article.createstamp | date_format("%H:%M") -%></div>
</div>
</div>
<% /loop %>
<% /if -%>
 
ここに下記のテンプレートを挿入
 
</div><!-- /content -->
<!-- 中央カラム終了 -->
 
<% if:have_content_right -%>
<!-- 右カラム開始 -->
<div id="links-right-box">
<div id="links-right">
     :

スタイルシートの追加分は最後の方に追加してください。

HTML

スタイルシート

上記の差分 HTML(あるいは改修後の配布テンプレート) をそのまま利用した場合、タグリストのページには記事のタイトルと投稿時間のみが表示されます。冒頭のスクリーンショットのように、記事本文の一部を表示させたい場合は、HTML に含まれる、

リスト2 タグリストに記事本文を表示する場合の修正箇所
      :
<!--<div class="tag-article-summary"><% article.entire_body | text_summary(40) | tag_strip %></div>-->
      :

の赤色部分を削除してください。(40)になっている数字を変更すると表示文字数を変更できます。

タグリストのテキスト表示については大体確認したつもりですが、表示に不具合がある場合はお知らせください。なお画像・音声・動画についての HTML タグも一応追加しておりますが、これらについては全く試していません。予めご了承ください。

2006.02.28 追記 タグクラウド用スクリプトのマークアップが誤っていたので修正しました。ついでに language 属性を削除しました。
関連記事
zenback
人気エントリー
トラックバックURL


コメント

はじめまして、yujiroさんのseesaa用テンプレート(タグリスト・タグクラウド対応)をいただいてカスタマイズしてみました。
お世話になってます。
タグクラウドのリンク先サイトを開くと、ページはきちんと開くようなのですが、「実行しましたが、ページでエラーが発生しました」とステータスバーに表示されて気になるのです。
あと中央カラムに表示されるタグの大きさは変わらないのでしょうか?
いろいろHTMLを確認してみたのですが、私にはまったくわからず、お聞きしに来ることになってしまい、どうぞよろしくお願いいたします。

[1] Posted by ケロルン : February 23, 2007 2:30 AM

>ケロルンさん
はじめまして。
ご利用ありがとうございます。
一つ目のエラーの件は解消しましたでしょうか。いくつかリンクをクリックしてみましたが、こちらではエラーが確認できませんでした。もしまだ発生しているようでした具体的なリンク名をお知らせください。

また、中央カラムのタグの大きさの変更については別途検討させてください(動作が確認できしだいエントリー致しますので、すいませんがしばらくお時間ください)。
それではよろしくお願い致します。

[2] Posted by yujiro : February 24, 2007 5:47 PM

yujiroさんチェックありがとうございます。
まだ解決に至っておりません。
左カラムのタグクラウドのタグをクリックすると、「実行しましたが、ページでエラーが発生しました」とステータスバーに表示されてしまいます。
これは私のブラウザの関係なのでしょうか?
タグクラウド(マンション)では写真がずれ込んだりして・・・(-_-;)
中央カラムのタグの大きさに関してはどうぞよろしくお願いします。

[3] Posted by ケロルン : February 26, 2007 10:40 AM

>ケロルンさん
こんばんは。
ご連絡ありがとうございます。
確認したところ、公開テンプレートに誤りがありました。すいません。

テンプレートにある、

<script type="text/javascript" language="javascript"><!--
tag_cloud("tag_cloud");
--></script>

<script type="text/javascript" language="javascript">
<!--
tag_cloud("tag_cloud");
//-->
</script>

に修正してください。

ご迷惑おかけして申し訳ございません。
それではよろしくお願い致します。

[4] Posted by yujiro : February 28, 2007 1:01 AM

yujiroさん ありがとうございました。
テンプレート訂正しました。
エラーもでなくなり、タグも大小になりました。

[5] Posted by ケロルン : March 3, 2007 11:16 PM

>ケロルンさん
こんばんは。
ご連絡ありがとうございました。
中央カラムのタグクラウドもエラーが影響していたようですね。気がつきませんでした。
とりあえず無事に表示されるようになって良かったです。
ではでは!

[6] Posted by yujiro : March 5, 2007 6:15 PM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)