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(ザ・トール)での「ウィジェット タグクラウド(メインカラムエリア時)」のスタイルは、次の様になっています。
周りの枠と小さめに表示されているのが気になります。
と言うことで、今回「ウィジェット タグクラウド(メインカラムエリア時)」の枠と余白を無くすカスタマイズを行います。
ウィジェット タグクラウド(メインカラムエリア時)のカスタマイズ
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とし枠を削除しました。
最後に
「ウィジェット タグクラウド(メインカラムエリア時)」については、縦が短く横が長い表示領域の多い方が良いでしょう。
コメント