(確認事項)このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。
WordPress関連THE THOR

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

アイキャッチ画像 THE THOR(ザ・トール)
この記事は約3分で読めます。

【広告】

※ 本ページには【広告】が含まれています

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

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

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

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

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

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

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

【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; /*上マージン*/
}

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

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

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

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

最後に

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

MASAa.netをご覧頂きありがとうございます!
もしMASAa.netの記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

シェアする
※ 本ページ内には【広告】が含まれています

コメント

【広告】