SQLの窓

2014年04月12日


Seesaa のタグページの「タグクラウド」のリンク先を一覧表示( ドメイン/tag/articles/タグ名 )に変更する

シーサーのブログでは、ドメイン/tag/タグ名 という URL でタグページに移動して、タグクラウドから、タグを含んだ記事の一覧を表示してくれるのですが、最初のリンクでは、一覧表示数が何故か限定されていて、使いにくいものになっています。

そこで、最初から「次のページ」へ移動可能な一覧ページのリンクに JavaScript で変更してしまいます。( ドメイン/tag/articles/タグ名 )

HTML のテンプレートの真ん中くらいにあるので、tag_cloud("tag_cloud"); の後に以下のコードの該当部分をコピーしてやると、とても使いやすくなると思います。
<% if:page_name eq 'tag' -%>
<div class="tag">
<script type="text/javascript" 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) %>" class="_tag" title="<% tag.word | html %>/<% count %>"><% tag.word | html %></a>
<% /loop -%>
</div>
<script type="text/javascript" language="javascript"><!--
tag_cloud("tag_cloud");
var tag_base = document.getElementById("tag_cloud");
var tag_target = tag_base.getElementsByTagName("a");
var tag_len = tag_target.length;
var tag_href = "";
for( var tag_i = 0; tag_i < tag_len; tag_i++ ) {
	if ( tag_target[tag_i].className == '_tag' ) {
		tag_href = tag_target[tag_i].href;
		tag_href = tag_href.replace("\/tag\/","/tag/articles/");
		tag_target[tag_i].href = tag_href;
	}
}
--></script>
<br />

また、記事毎に付加されているタグにも実装したい場合は、article.id を使用して記事毎のタグを表示する領域の id をユニークにする必要があります。

▼ 記事コンテンツ内のコード
<% if:list_tag %><div id="tag_base<% article.id %>" class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %>
</div>
<script type="text/javascript" language="javascript"><!--
var tag_base = document.getElementById("tag_base<% article.id %>");
var tag_target = tag_base.getElementsByTagName("a");
var tag_len = tag_target.length;
var tag_href = "";
for( var tag_i = 0; tag_i < tag_len; tag_i++ ) {
	tag_href = tag_target[tag_i].href;
	tag_href = tag_href.replace("\/tag\/","/tag/articles/");
	tag_target[tag_i].href = tag_href;
}
--></script><% /if %>





Seesaa独自タグ簡易リファレンス

タグ:Seesaa javascript
【Seesaa プログ管理支援の最新記事】
posted by lightbox at 2014-04-12 04:01 | Seesaa プログ管理支援 | このブログの読者になる | 更新情報をチェックする
バッチ処理

Microsoft Office
container 終わり

フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
CSS ドロップシャドウの参考デモ
Google Hosted Libraries
cdnjs
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり