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

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

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

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

ZMASAa.blog│masaaの物欲心や愛車トヨタノア80系など日常の事について語るWordPressブログサイト③
masaaの物欲心や愛車トヨタノア80系など日常の事について語るWordPressブログサイト③

今回は、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パソコン・パソコン関連商品がお買い得!パソコン工房のセール