【注意】このMASAa.netはWordPressテーマ Cocoonを使用しており、THE THORはZMASAa.blogで使用中です。クリックするとZMASAa.blogを開きます。
WordPressTHE THOR

【THE THOR】ヘッダーのバックカラーのカスタマイズ

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

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

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

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

今回は、WordPressテーマ THE THOR(ザ・トール)での「ヘッダーのバックカラー」のカスタマイズについてまとめてみました。

WordPressテーマ THE THOR(ザ・トール) ヘッダーのバックカラー

現在のWordPressテーマ THE THOR(ザ・トール)の「ヘッダーのバックカラー」は次の様になっています。

【THE THOR】ヘッダーのバックカラーのカスタマイズ

WordPressテーマ THE THOR(ザ・トール)では「ヘッダーのバックカラー」は単色しか設定できません。

と言う事で、WordPressテーマ THE THOR(ザ・トール)での「ヘッダーのバックカラー」についてカスタマイズを行いたいと思います。

ヘッダーのバックカラーのカスタマイズ

WordPressテーマ THE THOR(ザ・トール)での「ヘッダーのバックカラー」のカスタマイズを行います。

カスタマイズ内容

「ヘッダーのバックカラー」のカスタマイズの内容は、下記の通りです。

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

/************************************
** ■ヘッダー グラデーション化
************************************/
.l-header {
	background:linear-gradient(to top, #FCB1CC, #fe619a, #fe619a)!important;
}

カスタマイズ後のヘッダーのバックカラー

今回のカスタマイズによって、「ヘッダーのバックカラー」は次の様になりました。

【THE THOR】ヘッダーのバックカラーのカスタマイズ

今回のカスタマイズでは、「ヘッダーのバックカラー」をグラデーション化してみました。

最後に

ヘッダーを単色からグラデーションにしたことで、サイト全体が綺麗になりました。

但し、グラデーション化したことによって、ヘッダーのメニューが若干目立ちにくくなってしまいました。

次は、このヘッダーのメニューについてカスタマイズを行います。

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

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

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



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

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

MASAa.net

コメント