シーサーのブログでは、ドメイン/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 プログ管理支援の最新記事】
- Seesaa(またはさくらのブログ) の『コメント・公開設定・広告の表示・カテゴリ』を一括変更するブックマークレット
- Seesaa ブログのカテゴリ管理画面で、ブラウザのコンソールを使って jQuery で順序をソートする
- Seesaa ブログのカテゴリ管理画面で、ブラウザのコンソールを使って 10 番毎の数字にリセットする
- Seesaa のソーシャルボタンのテンプレート上の設定( 古いテンプレートから最新に変更する手順 )
- Seesaa ブログで Twitter カードを使用する方法
- IE拡張メニュー : Seesaa のリンクコンテンツを一瞬でソートする
- Seesaa の特定のカテゴリ(複数)の場合のみ、記事の下に参照リンクやコンテンツを付加する方法
- Seesaaブログの page_name 変数の3つ以上の OR 条件の記述方法
- Seesaaブログ : 特定のカテゴリに属する記事のみ特定部分に HTML を付加する方法
- Seesaa のデザインHTMLの中の、<% if:page_name eq 'tag' -%> セクションでは TAG ページ専用のコンテンツを書く事ができます。
- Seesaa のスマホページで使う、記事単位のPCページへの移動
- Seesaaの、Google+ とのプロフィール連携について
- Seesaa ブログの、ホワイト(右サイドバー)の幅を広〜く変更する為の CSS 設定
- Seesaa の記事カテゴリをソートする IE 拡張
- Seesaa : 記事の投稿者に、記事編集用のダイレクトリンクを作成して、日付フォーマットに『年月日』を追加する
- さくらインターネットで取得したドメインを使用して、そのサブドメインを Seesaa に設定する
- Seesaa の 『カテゴリのHTML編集』で、カテゴリの一覧を見やすくする。
- Seesaaプログの「 同一カテゴリの最新記事」を使った記事下広告の設置方法と。ついでに Google の +1ボタンの設置。
- Seesaa : IE専用 : リンクコンテンツのオートマチック登録(変更)、エクスポート、インポート( ブックマークレット )
- Seesaa で先頭から2件だけタイトルの下に広告を出す方法やその他の正攻法
