liveboor blog タグクラウド設置

質問

こんにちは。

ライブドアブログのタグクラウド設置についてお伺いしたい事があります。

タグクラウド専用のページを作ることは可能でしょうか？

現在ライブドアブログを使用しており、デザインは”Extensible Gallery”を元に不要なものの非表示程度のカスタマイズをした素人です。

見た目のシンプルを活かしていきたいと思うのですが、ブログパーツとしてサイドカラムに設置できるタグクラウドがいまいち気に入りません。

現在考えているのは

・別ページにて表示できないか
記事等ににてタグクラウドのページを作成してサイドカラムにリンクを設置

・サイドカラムのタグクラウドを閉開式？にできないか
普段はタグクラウドの題名？（タグクラウドという文字のみ表示されていて）使用時のみクリックorアイコンを合わせるとタグの文字群が表示される

このようにできないかと考えております。

それと、現状各記事にタグを設定しているのですが、スマホでタグをタッチするとサイト内での同タグの検索ができるのですが、PC表示でタグをクリックするとliveboorblogでの検索となってしまいます。

設定の仕方を間違っているのでしょうか？

どなたかやり方がわかる方がおられましたら是非ご教授くださいませ。

よろしくお願い致します。

回答No.1

kobliha · ベストアンサー

タグクラウドを開閉の方法は然程難しくない。
「デザイン」→「デザイン設定」で「カスタム JS」の head 内に次を加える。
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
同じく body 内に
<script type="text/javascript">
$(function(){
$('.plugin-tag_cloud .sidetitle').css('cursor','pointer')
.click(function(){
$('.plugin-tag_cloud .side').slideToggle();
});
});
</script>
を加える。

これでデフォルトが「表示」になるので、「カスタマイズ」の「CSS」末尾に次を加える。
.plugin-tag_cloud .side { display: none; }
カーソルは指差しにしてあるが、「タグクラウド」の文字に「（クリックで開閉します）」があれば親切であろう。
.plugin-tag_cloud .sidetitle:after {
content: "（クリックで開閉します）";
display: block; /* 「タグクラウド」の下に表示 */
}
display: block; 行を削除すれば、「タグクラウド」の右に表示するので、content: "　（クリックで開閉します）"; のように半角若しくは全角スペースを前置するとよいだろう。

中身を記事部分に表示する方法もあろうと思うが、もっと複雑になるし検証していない。

お礼

ご回答ありがとうございます。

教えて頂いたとおりにすると無事開閉式タグクラウドを設置することが出来ました。

言われたとおりにやったので操作は簡単でしたが、正直何をやったのかはサッパリです.....

少しでも知識があれば簡単なのでしょうが.....

実はこの質問は3回目で今までは回答のつかない状態でした。

ライブドアブログのタグに関するネットの記事は少なく、他ブログのものは知識不足からどれが使えるのか分からずずっとモンモンとしておりました。

本当にありがとうございました。