2019年2月12日(上の)グローバルメニューのタブ、プルダウンメニューの背景に色を付けたい!!スマホから見ている方は、なんのこっちゃ分からないかも知れません。パソコンで見るときだけ表示される、マウスカーソルを乗せた時に表示されるメニュータブです。そのタブの背景色を変えるというニッチな悩みを解決します。タブのプルダウン設定はこちらから【JIN】グローバルメニューでカテゴリのプルダウンを表示する設定【図解】この記事は、Wordpressのテーマ「JIN」を使用している方向けです。プルダウンメニューのタブ背景色を変える!まとめタブの色はどんなふうに変わる?まずはビフォーアフターを見てみて下さい。着色前(ビフォー)特になにもしていない、デフォルトの背景色(白)です。これに少し手を加えると・・・・。着色後(アフター)ほんの〜りと緑色の背景色がつきました。デフォルトの白より少し味がつきましたね。した色を使うと見る人にとって辛いので、優しい色合いにするのがいいでしょう。水玉模様も出来てしまいましたちょっと手を加えるだけで、こんな模様も簡単にできちゃいます。作業自体は3分もあれば出来ちゃいます。普段は開かない項目を使いますが、手順通りにやれば簡単です。トライしてみて下さい。「CSSの編集」画面を開いてプログラムを挿入WordPressのトップメニューから「外観」>「カスタマーサービス」を開きます。CSS」をクリックします。下の方にある「追加_CSS」を開く開いたら何も書かれていないスペースが表示されます。そこに次のプログラムコード(CSS)をそのままコピー&貼り付けしましょう。#f7fff7;}すると、こんな感じになっているはずです。画面右のプレビューで、マウスを動かして見て下さい。タブの色が上手く切り替わっていますか?問題なければ「保存」をして完了です。背景色を自分の好きな色に変えるには?今の状態だと、薄いグリーンのはずです。それじゃ私のテーマに合わない!という方へ。色を変える方法は簡単です。さきほど追加したコードの一部分を修正するだけです。カラーコードを変える赤線を引いた「#」以降の6桁が、2桁ずつ色を表しています。お好みの色を見つけたい時はRGBと16進数のカラーコードの相互変換ツール(外部)で簡単に調べられます。カラーコードは「16進数」なので、1〜9の後にA〜Fのアルファベットが続きます。」で調べてみると良いかも知れません。水玉模様はCSSグラデーションで作った背景パターンサンプル(外部)様を参考にしました。プログラムをコピーして、カラーコードを変えただけのお手軽カスタマイズ。プルダウンメニューのタブ背景色を変える!まとめプログラムを書くの〜!?と思いきやコピー&貼り付けだけで簡単に出来るテクニックでした。試してみると思った以上に簡単だったと思います。手順通りに開いてコピー、貼り付けるだけですからね。触って、試して、オリジナルブログを作り上げていきましょう!あわせて読みたいアイキャッチ画像のサイズがバラバラだと、記事の一覧の高さが揃いません。そんな悩みを解消します。(つまり最大2.5%安く買える!)ギフト券の詳細やチャージ方法は公式サイトでご確認ください。公式サイトへあなたへのおすすめ記事ブログノウハウブログをやるメリットとデメリット。ドット!ブログノウハウトレンド記事でページビューが前日比3倍に。コメントをキャンセルメールアドレスが公開されることはありません。(天板100×60)を使ってみた。超集中モードで長時間の作業が可能!【FLEXISPOT社】2020年のブログ副業の実績と費用まとめ!振り返りと2021年の目標HOMEブログノウハウWordpress【JIN】グローバルメニューのタブの背景色を変える方法(プログラムのコピペだけ)★人気記事ランキング★1音ゲーが下手な人に共通する特徴。view2【水道料金の支払】指定期限が過ぎていた。view4【図解】にほんブログ村に登録するべきではない、とても大きなデメリット。view5「かなでもの」のラバーウッドテーブルを楽天で購入。ヽ(ΦωΦ)人(ΦωΦ)ノにゃんかずにゃんかずと申します!猫好きブロガーです。世界中の猫の背中のニオイを管理するのが夢です。1.生活の役立つネタ2.ブロガー向けのノウハウ3.お金(投資・節約)に関すること4.モノや体験レビューの4軸をメインとしたブログです。