WordPressTHE THOR

【THE THOR】ウィジェット セレクトのカスタマイズ

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

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

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

ZMASAa.blog│PC・ガジェット好きmasaaのWordPressブログサイト
このZMASAa.blogは、ガジェット好きmasaaのWordPressブログサイトです。masaaが手に入れたガジェットについてや愛車トヨタノアに関すること等を掲載していきます。

今回は、WordPressテーマ THE THOR(ザ・トール)での「ウィジェット セレクト」のカスタマイズについてまとめてみました。

WordPressテーマ THE THOR(ザ・トール) ウィジェット セレクト

現在の「ウィジェット セレクト」デザインは下記の通りです。

【THE THOR】ウィジェット セレクトのカスタマイズ

サイトカラーに合っていないグレーのカラーが採用されているので、サイトカラーに合わせて変更するカスタマイズを行ってみたいと思います。

ウィジェット セレクトのカスタマイズ

「ウィジェット セレクト」のカラー変更のカスタマイズを行います。

カスタマイズ内容

「ウィジェット セレクト」のカスタマイズの内容は、下記の通りです。

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

/************************************
** ■ウィジェット セレクトカスタマイズ
************************************/
.widget select {
    border: 2px solid #ffddee;
    width: 100%;
    padding: 10px;
    border-radius: 0;
}

カスタマイズ後のウィジェット セレクト

今回のカスタマイズによって、「ウィジェット セレクト」は次のようになりました。

【THE THOR】ウィジェット セレクトのカスタマイズ

「ウィジェット セレクト」のカラー構成をサイトカラーに合わせて変更しました。

最後に

サイトカラーにあった「ウィジェット セレクト」になったことで、サイト全体の一体感が出てきました。

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

……… THE THOR(ザ・トール)購入について ………
下記バナーからTHE THOR(ザ・トール)をご購入の方には、
当掲載のカスタマイズについて優先的にサポートさせて頂きます。

下記バナー経由でTHE THOR(ザ・トール)を購入した日付と時刻
を合わせてお問い合わせフォームからご連絡下さい。



気軽にプレイできるPC向けウェブブラウザ対応ゲーム!
邪神ちゃんドロップキック
精霊幻想記アナザーテイル
空島クロニクル
ラストラグナロク
ビビッドアーミー
城姫クエスト 極
下記バナーからスマホゲームのインストールお願いします!
ARKA-蒼穹の門
三国志外伝:戦姫覚醒
Cave Shooter
ナナリズムダッシュ
イース6オンライン
ザ・アンツ
クッキーランキングダム
リネージュ2M
ドラゴンとガールズ交響曲
魔剣伝説
パズにゃん
龍が如くONLINE
戦国布武
我が天下

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

MASAa.net

コメント