【THE THOR】ウィジェット タグクラウド(メインカラムエリア時)

WordPressテーマ THE THOR（ザ・トール）

別ブログサイトのZMASAa.blogとMASAa.blogは、WordPressテーマ THE THOR（ザ・トール）を使って構築しています。

ZMASAa.blog│ガジェット好きのmasaaが情報発信する2nd WordPressブログサイト

ガジェット好きのmasaaが情報発信する2nd WordPressブログサイト

wp.masaa.net

MASAa.blog│パズドラ好きのmasaaが情報発信する1st WordPressブログサイト

パズドラ好きのmasaaが情報発信する1st WordPressブログサイト

wp.masaa.me

今回は、WordPressテーマ THE THOR（ザ・トール）での「ウィジェット タグクラウド（メインカラムエリア時）」のカスタマイズについてまとめてみました。

WordPressテーマ THE THOR（ザ・トール）ウィジェット タグクラウド（メインカラムエリア時）

今回「ウィジェット タグクラウド」をメインカラムエリアに設置してみました。

WordPressテーマ THE THOR（ザ・トール）での「ウィジェット タグクラウド（メインカラムエリア時）」のスタイルは、次の様になっています。

周りの枠と小さめに表示されているのが気になります。

と言うことで、今回「ウィジェット タグクラウド（メインカラムエリア時）」の枠と余白を無くすカスタマイズを行います。

ウィジェット タグクラウド（メインカラムエリア時）のカスタマイズ

WordPressテーマ THE THOR（ザ・トール）での「ウィジェット タグクラウド（メインカラムエリア時）」のカスタマイズを行います。

カスタマイズ内容

「ウィジェット タグクラウド（メインカラムエリア時）」のカスタマイズ内容は、下記の通りです。

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

/************************************
** ■ウィジェット タグクラウド（メインカラムエリア表示）のカスタマイズ
************************************/
.l-main .widget.widget-main.u-shadow.widget_tag_cloud {
	box-shadow: none; /*ボックスラインクリア*/
	padding:0; /*内側余白0*/
}
.l-main .widget.widget-main.u-shadow.widget_tag_cloud .heading.heading-widget {
	margin:0 0 15px 0; /*上マージン*/
}

カスタマイズ後のウィジェット タグクラウド（メインカラムエリア時）

今回のカスタマイズによって、「ウィジェット タグクラウド（メインカラムエリア時）」のスタイルは、次の様になりました。

今回のカスタマイズでは、「ウィジェット タグクラウド（メインカラムエリア時）」に設定されていた上下左右の余白0とし枠を削除しました。

最後に

「ウィジェット タグクラウド（メインカラムエリア時）」については、縦が短く横が長い表示領域の多い方が良いでしょう。