【THE THOR】ウィジェット タグクラウドのカスタマイズ

アイキャッチ画像 THE THOR(ザ・トール)
スポンサーリンク

WordPressテーマ THE THOR(ザ・トール)

別ブログのZMASAa.blogは、WordPressテーマ THE THOR(ザ・トール)を使って構築しています。

ZMASAa.blog│PC・ガジェット好きmasaaのWordPressブログサイト
このZMASAa.blogは、ガジェット好きmasaaのWordPressブログサイトです。masaaが手に入れたガジェットについてや愛車トヨタノアに関すること等を掲載していきます。

今回は、WordPressテーマ THE THOR(ザ・トール)での「ウィジェット タグクラウド」のカスタマイズについてまとめてみました。

WordPressテーマ THE THOR(ザ・トール) ウィジェット タグクラウド

現在のWordPressテーマ THE THOR(ザ・トール)の「ウィジェット タグクラウド」は次の様になっています。

【THE THOR】ウィジェット タグクラウドのカスタマイズ

今回「ウィジェット タグクラウド」のタグアイコンが必要無いと判断し、WordPressテーマ THE THOR(ザ・トール)での「ウィジェット タグクラウド」のタグアイコンを削除してみたいと思います。

ウィジェット タグクラウドのカスタマイズ

WordPressテーマ THE THOR(ザ・トール)での「ウィジェット タグクラウド」のカスタマイズを行います。

カスタマイズ内容

「ウィジェット タグクラウド」のカスタマイズの内容は、下記の通りです。

「スタイルシート(style-user.css)」を開き、今回のカスタマイズ内容を追記します。

/************************************
** ■ウィジェット タグクラウドのタグアイコン削除
************************************/
.widget.widget_tag_cloud a:before {
	display: none;
}

カスタマイズ後のウィジェット タグクラウド

今回のカスタマイズによって、「ウィジェット タグクラウド」は次の様になりました。

【THE THOR】ウィジェット タグクラウドのカスタマイズ

今回のカスタマイズでは、単純に「ウィジェット タグクラウド」のタグアイコンの削除を行っているだけです。

最後に

「ウィジェット タグクラウド」のタグアイコンの削除を行ったことで、高さ的にも短くなりコンパクトになりました。

タグ自体の設定数が多い場合は効果的だと思われます。

コメント


スポンサーリンク
BTOパソコン・パソコン関連商品がお買い得!パソコン工房のセールBTOパソコン・パソコン関連商品がお買い得!パソコン工房のセール