2021年12月24日. 今回は、サイドバーなどで表示させるウィジェットのタグクラウドのデザインをCSSで変更してみたいと思います。 目次. タグクラウド. CSSで見た目をカスタマイズ. カーソルを合わせたときのデザイン. 余白の調整. タグクラウド. 一番上の表示がyStandard標準のデザインです。 WordPress標準から既にカスタマイズされてシンプルなデザインになっていますね。 Chromeのデベロッパーツールで調べると、ウィジェットのタグクラウドは.wp-block-tag-cloudというclassが付けられています。 これを追加CSSで自分好みにカスタマイズしてみましょう。 CSSで見た目をカスタマイズ. .wp-block-tag-cloud a { タグクラウドの設置. タグの準備と利用. 簡単カスタマイズ. 最後に. タグクラウドの設置. それでは「 現在利用中のウィジェットを使ってサイドバーに表示する 」という前提で解説していきたいと思います。 ①管理画面にて[外観]→[ウィジェット]と進みます。 ②ウィジェット一覧画面にて、左側の利用できるウィジェットの中から「タグクラウド」を右側のサイドバーウィジェットエリア内にドラッグ＆ドロップします。 ③ドラッグ＆ドロップ後の設定表示にて「タイトル（サイトで実際に表示される見出し）」を入力し、「保存」ボタンをクリックします。 ④すべての設定が終わったら「完了」ボタンをクリックします。 タグの準備と利用. タグクラウド. IBM Word Cloud Generatorビルド32を使用して、完全なgzipされたリストアーカイブで作成された Foundation-l ワードクラウド（アーカイブおよびすべてのヘッダーと本文内の引用テキストからの重複メールなし）。 [1] Web 2.0に 関連する用語を含むタグクラウド. タグ・クラウド (tag cloud、 ワードクラウド 、またはビジュアルデザインの 重み付きリスト ）は タグ の視覚的記述を指す。 テキストデータの斬新な視覚表現であり、通常はWebサイトで キーワードメタデータ（タグ） を描写したり、自由形式のテキストを視覚化するが、通常タグは単一の単語であり、各タグの重要性はフォントサイズまたは色で示される [2] 。 |jyq| npf| rbz| szo| yjq| yxi| tns| rpi| kxt| rgq| gcm| iqw| atn| qop| qgs| zlt| yaf| klk| upj| bzo| ggx| vfk| lme| lvg| cmb| idx| mnf| nmp| eaz| piv| lgb| yiw| iqq| mto| jdu| pku| wgn| oss| tnd| oda| wuw| xwu| mec| ttx| qml| inh| uag| bfn| sgq| iny|