TopSeesaaブログカスタマイズ>タグサービスを有効にする方法
2006年07月20日

タグサービスを有効にする方法

 Seesaaブログにタグサービスが追加された(Seesaaからのお知らせ: Seesaaブログ、vlog(ビデオブログ)やタグサービスなどを追加)わけですが、最近の機能追加時で良くあるのが、
今回の機能追加および強化に伴い、以下の条件に該当するブログでは一部内容が機能しません。

(1)「マイ・ブログ」→「デザイン」→「HTML」より、HTMLの編集を行っている方
(2)「マイ・ブログ」→「デザイン」→「スタイルシート」より、スタイルシートの編集を行っている方
 このブログもカスタマイズしているので、そのままではタグが表示されません。

 ということで、カスタマイズしているブログにタグを表示させる方法です。マイブログ>デザイン>コンテンツ>記事>コンテンツHTML編集でHTML編集の真ん中あたり。

<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %></div>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.first_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %></div>
<% /if -%>
というように、赤字部分を追加。

また、マイブログ>デザイン>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 -%>

の後に
<% if:page_name eq 'tag' -%>
<div class="tag">
<script language="javascript" src="<% site_info.blog_url %>/js/tag_cloud.js"></script>
<div id="tag_cloud"><% loop:list_tags -%><a href="<% blog.tag_url(tag) %>" id="tag" title="<% tag.word | html %>/<% count %>"><% tag.word | html %></a> <% /loop -%></div>
<script language="javascript"><!--
tag_cloud("tag_cloud");
--></script>
<br />
<% if:tag %><div class="tag-title">タグ&nbsp;/&nbsp;<% tag.word | html %></div><% /if -%>
<br />
<% loop:list_service -%>
<div class="tag-body">
<div class="tag-service"><% tag_service.title %></div>
<div class="tag-search"><a href="<% tag_service.page_url(tag) %>" target="_blank">'<% tag.word %>'&nbsp;でSeesaa全体を検索する</a></div>
<% if:tag_service.service_key eq 'articles' -%>
<% loop:list_data -%>
<div class="tag-article">
<div class="tag-article-title"><a href="<% article.page_url %>"><% article.subject %></a>&nbsp;<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>-->
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'photos' -%>
<% loop:list_data -%>
<div class="tag-photos">
<% thumbnail.fix_aspect(132) # サムネイルの長辺を132で固定。固定したくない場合は削除。 -%>
<table>
<tr>
<td height="140" valign="bottom"><a href="<% photo.page_url %>" target="_blank"><img src="<% thumbnail.page_url %>" border="0" width="<% thumbnail.width %>" height="<% thumbnail.height %>" /></a></td>
</tr>
</table>
<div class="tag-photos-title"><a href="<% photo.page_url %>" target="_blank"><% photo.title | text_summary(10) %></a><br />
<% if:photo_info -%>
サイズ:<% photo_info.width %>×<% photo_info.height %><br />
<% if:photo_info.size %>容量:<% photo_info.size | filesize %><% /if %>
<% /if -%>
</div>
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'audios' -%>
<% loop:list_data -%>
<div class="tag-audios">
<div class="tag-audios-title"><a href="/pages/user/upload/<% audio.page_url %>" onclick="window.open('/pages/user/upload/<% audio.page_url %>','popup','width=490,height=320,scrollbars=no,resizable=yes,toolbar=no,directories=
no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><% audio.title | text_summary(40) %></a>&nbsp;
<span class="tag-audios-posted"><% if:audio_info -%><% if:audio_info.author %>by <% audio_info.author %>&nbsp;&nbsp;<% /if %><% if:audio_info.duration %><% audio_info.duration | hms %>&nbsp;&nbsp;<% /if %><% if:audio_info.size %><% audio.size | filesize %>&nbsp;&nbsp;<% /if %><% /if -%></span></div>
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'videos' -%>
<% loop:list_data -%>
<div class="tag-videos">
<table>
<tr>
<td height="140" valign="bottom"><div class="tag-videos-title"><a href="/pages/user/upload/<% video.page_url %>" onclick="window.open('/pages/user/upload/<% video.page_url %>','popup','width=480,height=550,scrollbars=no,resizable=yes,toolbar=no,directories=
no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><img src="<% thumbnail.page_url %>" width="132" border="0" /></a></div></td>
</tr>
</table>
<div class="tag-videos-title"><a href="/pages/user/upload/<% video.page_url %>" onclick="window.open('/pages/user/upload/<% video.page_url %>','popup','width=480,height=550,scrollbars=no,resizable=yes,toolbar=no,directories=
no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><% video.title | text_summary(15) %></a><br />
<% if:video_info -%>
<!--<% if:video_info.author %>by <% video_info.author %><br /><% /if %>-->
時間:<% if:video_info.duration %><% video_info.duration | hms %><% /if %><br />
容量:<% video.size | filesize %><br />
<% /if -%>
</div>
</div>
<% /loop -%>
<% /if %>
<% if:tag_service.service_key eq 'files' -%>
<% loop:list_data -%>
<div class="tag-files">
<div class="tag-files-title"><a href="/pages/user/upload/<% file.page_url %>" target="_blank"><% file.title | text_summary(15) %></a></div>
</div>
<% /loop -%>
<% /if -%>
<% if:pager -%>
<div class="tag-navi">
<% if:pager.previous_page %><a href="?page=<% pager.previous_page %>"><% /if %>≪前へ<% if:pager.previous_page %></a><% /if %>&nbsp;&nbsp;<% if:pager.next_page %><a href="?page=<% pager.next_page %>"><% /if %>次へ≫<% if:pager.next_page %></a><% /if %>
</div>
<% else -%>
<div class="tag-more"><a href="<% blog.tag_url(tag, tag_service.service_key) %>">≫もっと見る</a></div>
<% /if -%>
</div>
<% /loop -%>
</div>
<% /if -%>


を追加。

さらにスタイルシートの適当なところに

.tag-word{
margin:20px 0px 0px 0px;
line-height:1.4em;
}
.tag{
padding:10px;
position:relative;
font-size:80%;
color: #333;
}
.tag a{
color:#0000FF;
}

#tag_cloud{
border:1px solid #CCC;
padding:10px;
text-align:left;
position:relative;
}
#tag_cloud a {
padding:2px;
}
.tag-title{
font-size:120%;
font-weight:bold;
text-align:left;
}
.tag-body{
margin:10px 0px;
padding:10px 0px 0px 0px;
position:relative;
}
.tag-service{
text-align:left;
font-weight:bold;
border-bottom:1px solid #CCC;
padding:0px 0px 5px 0px;
clear:left;
position:relative;
}
.tag-search{
text-align:right;
padding:5px 0px;
margin-bottom:10px;
font-weight:bold;
position:relative;
}
.tag-article{
padding:0px 10px 10px 10px;
text-align:left;
position:relative;
}
.tag-article-title{
text-align:left;
padding:0px 0px 5px 0px;
font-weight:bold;
position:relative;
}
.tag-article-posted{
font-weight:normal;
position:relative;
}
.tag-article-summary{
padding:0px 10px;
line-height:1.4em;
position:relative;
}
.tag-more{
text-align:right;
margin:10px 0px;
clear:left;
position:relative;
}
.tag-photos{
float:left;
margin:10px;
position:relative;
width:150px;
height:200px;
}
.tag-photos-title{
line-height:1.4em;
padding:5px 0px;
text-align:left;
position:relative;
}
.tag-audios{
margin:5px;
position:relative;
}
.tag-audios-title{
text-align:left;
font-weight:bold;
padding:0px 0px 5px 0px;
position:relative;
}
.tag-audios-posted{
font-weight:normal;
position:relative;
}
.tag-videos{
float:left;
margin:10px;
position:relative;
}
.tag-videos-title{
line-height:1.4em;
padding:5px 0px;
text-align:left;
position:relative;
}
.tag-navi{
clear:left;
text-align:center;
margin:10px 0px;
position:relative;
}

で、タグが表示されるようになると思います。
この記事へのコメント
初めまして!
SeesaaのTBからやってきました。

今回の仕様拡張はうれしいのですが、思うように対応できません。
ビデオに関してはvlogに対応できたのですが、
タグについては登録ボタンを押しても無反応なんですが、どうしたらいいのでしょうか?

一応、この記事に書いてあるタグは埋め込んでみたのですが・・・。
変えたところは
<% thumbnail.fix_aspect(132) # サムネイルの長辺を132で固定。固定したくない場合は削除。 -%>
これを削除したくらいです。

いきなりこんな書き込みで申し訳ないのですが、アドバイスいただけると大変うれしいです。
Posted by タウちゅー at 2006年07月20日 18:25
初めまして。
タグが表示されなくてあちこち探していて、こちらに辿り着きました。
おかげさまで無事表示させることが出来ました!
ありがとうございました♪
Posted by ぽぽろんろん at 2006年07月21日 21:11
初めまして、
 HTMLとCSSを最初からやり直しかと思っていたら、こちらの方法で上手くタグを表示させることが出来ました。
 有難うございます。
Posted by のぶ at 2006年07月23日 10:04
タグの表示がうまく行かなくて困っていました。
こちらの方法で解決できました〜。

ありがとうございました。
Posted by あず at 2006年07月24日 02:51
はじめまして!
私もここに来てようやく解決☆しました。
ありがとうございました^^
Posted by mi at 2006年08月08日 13:56
お久しぶりです^^
表示されなかったので参考にさせていただきました。

ただ、メインページだと記事中に「タグ:○○」と出るのですが、その記事だけのページにすると消えます^^;
私がカスタマイズしすぎたからかな〜…

トラックバックもさせていただきました。
ありがとうございます。
Posted by あいこ at 2006年08月09日 01:28
初めまして。TBさせていただきました。私もCSSをいじっていたので諦めていましたが、おかげさまで解決できました。ありがとうございました。
Posted by ケイ at 2006年08月28日 01:46
初めまして。
あちこちいじったせいで表示されず困っていましたが、
おかげさまで表示できるようになりました。
どうもありがとうございました。
Posted by じっこ at 2006年10月15日 14:26
管理者に問い合わせをしても回答がまだないので、非常に参考になりました。
うまく表示されました。
Posted by goodman at 2006年10月24日 15:35
タグをクリックしてもなにも表示されなかったのが、正常に表示されるようになりました。どうもありがとうございました。
Posted by ワット at 2006年12月16日 23:04
すごく分かりやすかったです。
心から感謝です。
Posted by YUKI at 2007年01月23日 05:50
すっごく助かりました!!!
最高わかりやすかったです!
Posted by シップ清水 at 2009年02月16日 21:22
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

タグ取り付けに四苦八苦…
Excerpt: 昨日seesaaブログのメンテがありまして、その終了後からseesaaにてタグサービスが始まりました。 ↓↓↓↓ ◇Seesaaブログ、vlog(ビデオブログ)やタグサービスなどを追加 タグは◇はて..
Weblog: ぽぽろんろんがらくた小屋
Tracked: 2006-07-21 21:10

タグ反映されました
Excerpt: ryuichiです. タグが反映されないのなんでだろうと大学から帰宅した後の使えない脳を使いつつ,Seesaa 内のブログを見て考えていたら,早速,対処方法を書かれているブログを見つけました. ..
Weblog: Peacefuldaysを求めて…
Tracked: 2006-07-22 00:31

“タグ”ってなんだよ?
Excerpt: 先日、 またまたSeesaaブログが、 新機能の追加&強化を敢行したもよう。。。 『Seesaaブログ、vlog(ビデオブログ)やタグサービスなどを追加』 とは言え、 当ブログで有効活用出来そうな..
Weblog: Blog Liliale-シェフ・ブログ-
Tracked: 2006-07-24 02:08

タグクラウド
Excerpt: Seesaaの新機能、タグクラウド出来ました~。 Inqsite Blogさんには感謝です。
Weblog: おばのろぐ
Tracked: 2006-08-02 00:10

タグクラウド導入しました。
Excerpt: 表示されなかったので放っておいてタグクラウド。 深田博さんのInqsite Blogで表示させる方法が載っていたので早速採用♪ うまく表示されました。 んが、まだcssの色調整をしていないので、ちょ..
Weblog: あいこの書きたいホーダイ!
Tracked: 2006-08-09 01:19

タグを表示させる
Excerpt: もう大分前の話になりますがSeesaaブログにも タグをつけられるようになりました。 この仕様変更前にHTMLやスタイルシートをカスタマイズしていた場合、 さらに手を加えてやらないとこのタグを表示す..
Weblog: ブログ? カスタマイズ? アフィリエイト?
Tracked: 2006-08-18 15:36

気分転換
Excerpt: ブログを小変更しました。 タグクラウド導入。(タグはフィルム名のみ) 参考→大ちゃん様の大ちゃんの、ブログで稼げるかのコンテンツ-タグクラウドで遊ぶ?? Firefox対応 参考→深田様のInqsi..
Weblog: 青色インク
Tracked: 2006-08-28 01:38

タグが戻ってきました~
Excerpt: タグが消えてから、約1週間経ちました。 後回しにしてましたが、やっと元に戻せました~。 あ~ん、良かったよ~。(&amp;gt;_&amp;lt;) お世話になったのは、Inqsite Blogの「..
Weblog: まったり...ほっこり
Tracked: 2006-09-11 17:22

タグが表示されない人へ
Excerpt: カスタマイズのために、いろいろいじっていたら、本文の下の「タグ:*****」という行が消えちゃった。 そんな私みたいな人、いませんか? あるいは、もともとCSSやHTMLをいじっているために、タグの..
Weblog: カスタマイズ実験室
Tracked: 2006-10-12 13:36

タグが表示されない
Excerpt: このブログのスタイルシートやらHTMLをちょこちょこいじくったせいで、 タグ(記事の下の方に「マンガ」とか「掃除」とかあると思いますが、これです)が表示されずに困ってました。 あちこち探して、やっと表..
Weblog: 自然観察系
Tracked: 2006-10-15 19:46

Wao&amp;Warnデザイン−タグクラウド設定
Excerpt: 左サイドバーに「Tag Cloud」を設定しました。 これでタグによるエントリーの検索も可能になります。
Weblog: Wao&amp;Warn
Tracked: 2007-10-27 23:04
>>関連書籍
×

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