こんにちは。
ライブドアブログのタグクラウド設置についてお伺いしたい事があります。
タグクラウド専用のページを作ることは可能でしょうか?
現在ライブドアブログを使用しており、デザインは”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ランキング
-
HTMLを使って文字を・・・
-
ブログの文章のどこが検索にか...
-
テプラの文字を大きくしたいで...
-
レポート2000字程度なら何文字...
-
Facebookの文字を大きくする方法
-
2chのスレッドについて質問です。
-
ワードのヘッダーの文字について
-
アメブロ 文字の色を変更したい。
-
OutlookやExcelで色が付かない
-
明るい場所でのプレゼン。スラ...
-
つぶれた文字
-
大学のレポート A4で1枚レポー...
-
gooブログ記事HTML入力でsupとs...
-
WORD テキストボックスの表示...
-
Wordで勝手に文字サイズが変わる?
-
大学の講義が始まり、講義後に...
-
ワードプレスのデザインについ...
-
アメブロでサイドバーの文字色...
-
Thunderbirdで返信の引用文が改...
-
Wordでのレポート、文字数行数...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ワードプレスで、投稿一覧ペー...
-
ブログでAA(アスキーアート)...
-
mixiにリンクを貼る方法
-
ブログの文章のどこが検索にか...
-
ブログ投稿時にタグ名を入力し...
-
Wordpressのリンク(aタグ href)...
-
mt5のブログで記事を小分けにし...
-
リンクを貼ると文字の色が勝手...
-
ヤプログ レイアウトが崩れま...
-
ジュゲムブログでのEntryの日付...
-
テプラの文字を大きくしたいで...
-
レポート2000字程度なら何文字...
-
Wordで勝手に文字サイズが変わる?
-
Gmailの表示文字を大きくする方...
-
AirPods Proをleftだけ落とした...
-
つぶれた文字
-
大学のレポート A4で1枚レポー...
-
ワードのヘッダーの文字について
-
明るい場所でのプレゼン。スラ...
-
薄く明るく柔らかいオレンジ系...
おすすめ情報