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

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

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

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

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

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

今回は、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の記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

気軽にプレイできるPC向けウェブブラウザ対応ゲーム!
邪神ちゃんドロップキック
精霊幻想記アナザーテイル
ラストラグナロク
ビビッドアーミー
城姫クエスト 極
下記バナーからスマホゲームのインストールお願いします!
金銭遊戯~一発逆転の復讐劇~
ナナリズムダッシュ
イース6オンライン
リネージュ2M
魔剣伝説
グランドサマナーズ

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

MASAa.net

コメント