【お知らせ】このサイトではWordPressテーマ Cocoonを採用しています。THE THORのカスタマイズ状況についてはZMASAa.blogをご参照下さい。
WordPress関連THE THOR

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

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

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

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

ZMASAa.blog│ガジェット好きのmasaaが情報発信する2nd WordPressブログサイト
ガジェット好きのmasaaが情報発信する2nd WordPressブログサイト
MASAa.blog│パズドラ好きのmasaaが情報発信する1st WordPressブログサイト
パズドラ好きの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の記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

おすすめWordPressテーマ!
WordPressテーマ WING(AFFINGER6)
WordPressテーマ THE THOR(ザ・トール)
WordPressテーマ Diver

下記バナーからスマホゲームのインストールお願いします!
暁ノ天刃録
恋下統一
レジェンド オブ ハーン~蒼き狼の覇業
ザ・グランドマフィア
イース6 オンライン〜ナピシュテムの匣〜
リネージュ2M
魔剣伝説
ライフアフター
黒い砂漠 MOBILE
グランドサマナーズ
ロードモバイル
ゴールデンホイヤースロット
駅メモ!-ステーションメモリーズ!

MASAa.net

コメント