![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
こんにちは。
ライブドアブログのタグクラウド設置についてお伺いしたい事があります。
タグクラウド専用のページを作ることは可能でしょうか?
現在ライブドアブログを使用しており、デザインは”Extensible Gallery”を元に不要なものの非表示程度のカスタマイズをした素人です。
見た目のシンプルを活かしていきたいと思うのですが、ブログパーツとしてサイドカラムに設置できるタグクラウドがいまいち気に入りません。
現在考えているのは
・別ページにて表示できないか
記事等ににてタグクラウドのページを作成してサイドカラムにリンクを設置
・サイドカラムのタグクラウドを閉開式?にできないか
普段はタグクラウドの題名?(タグクラウドという文字のみ表示されていて)使用時のみクリックorアイコンを合わせるとタグの文字群が表示される
このようにできないかと考えております。
それと、現状各記事にタグを設定しているのですが、スマホでタグをタッチするとサイト内での同タグの検索ができるのですが、PC表示でタグをクリックするとliveboorblogでの検索となってしまいます。
設定の仕方を間違っているのでしょうか?
どなたかやり方がわかる方がおられましたら是非ご教授くださいませ。
よろしくお願い致します。
No.1ベストアンサー
- 回答日時:
タグクラウドを開閉の方法は然程難しくない。
「デザイン」→「デザイン設定」で「カスタム 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回目で今までは回答のつかない状態でした。
ライブドアブログのタグに関するネットの記事は少なく、他ブログのものは知識不足からどれが使えるのか分からずずっとモンモンとしておりました。
本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- その他(プログラミング・Web制作) ワードプレスのプラグインであるAddQuicktagを使いたいが… 3 2022/04/18 15:03
- Chrome(クローム) Chromeでgooglemap検索等結果が他国になってしまう 1 2022/10/05 12:18
- Windows 10 Windows10 の設定?について (長文ですがよろしくお願いします)m(_ _)m 3 2022/05/14 12:22
- Excel(エクセル) セルに設定した[コメント]、表示のON/OFFは正常なるも印刷されない! 3 2022/09/18 21:56
- Visual Basic(VBA) VBAにてメール作成した際、一部指定箇所のみ赤文字にしたいです。 下記の内容ですと作成されたメール本 1 2022/04/27 13:31
- その他(IT・Webサービス) ホームページにカウント数を表示する 2 2022/10/28 10:37
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- Excel(エクセル) エクセルの数式で教えてください。 5 2023/02/10 15:11
- gooブログ ブログの記事を書きだしのみに表示したい 1 2022/06/25 19:11
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
mixiにリンクを貼る方法
-
ブログのプロフィール欄が太字...
-
ブログ投稿時にタグ名を入力し...
-
ブログに書いたURLをリンクさせ...
-
レポート2000字程度なら何文字...
-
テプラの文字を大きくしたいで...
-
Wordで勝手に文字サイズが変わる?
-
大学のレポート A4で1枚レポー...
-
アメブロ 文字の色を変更したい。
-
ワードのヘッダーの文字について
-
印刷物の文字数の目安
-
FC2のコメント欄で文字の色の変...
-
2KB~4KBって何文字ですか?
-
薄く明るく柔らかいオレンジ系...
-
ライブドアブログで、本文上の...
-
FC2で文字の色が元に戻らない
-
つぶれた文字
-
Thunderbirdで返信の引用文が改...
-
文字拡大
-
画像の右下に複数行の文字
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ブログでAA(アスキーアート)...
-
オススメのブログサイトで
-
SEO(タイトル・H1・コピ...
-
URL貼り付け
-
検索避けタグ・・・
-
アメブロの日付を消す方法
-
mixiにリンクを貼る方法
-
リンクを貼ると文字の色が勝手...
-
ブログに書いたURLをリンクさせ...
-
ブログカスタマイズ:hタグ変更...
-
liveboor blog タグクラウド設置
-
コメントにリンクをつけたい
-
ヤプログ レイアウトが崩れま...
-
ヤフーブログへのテーブル挿入
-
ジュゲムブログでのEntryの日付...
-
fc2ブログの"ユーザータグ"に...
-
goo ブログで 左サイドバーが...
-
記事の本文だけリストタグの間...
-
seesaaブログにバナーを毎回表示
-
FC2ブログをはじめてみました
おすすめ情報