これから Nishiki Pro または Nishiki
テーマを使うなら1度は確認しよう!

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る

WordPress テーマ Nishiki Pro または Nishiki のヘッダーの背景カラーやテキストカラーを好きな色に変更する方法がありますので、ご紹介します。

目次

その前に、ヘッダーって何ですか?

「ヘッダー」とは、ページの上部に表示されているロゴ画像、ウェブサイトのタイトル、検索ボタン、メニューボタンを表示している部分のことを指します。下の画像の赤枠の部分が「ヘッダー」です。

このヘッダーの色を WordPress の管理画面から感覚的に操作して変更できます。

ヘッダーの色を変える方法

WordPress の管理画面から「外観」→「カスタマイズ」を選択します。

下の画像のように、カスタマイズできる一覧が表示されますので「ヘッダー」を選択します。

ヘッダーの設定項目が表示されますので、背景カラー または テキストカラーを変更してみましょう。

例えば背景カラーの「色を選択」ボタンを押すと、下の画像のように色を選ぶことができます。

ヘッダーを固定している場合の背景カラーとテキストカラーについて

「ヘッダーを固定する」にチェックが入っている場合は「デフォルト」「ライト(明)」「ダーク(暗)」と 3 つの選択ができ、ページを一定の量だけ下にスクロールすると、指定したヘッダーの色に変化します。

Nishiki / Nishiki Pro テーマは、画像や動画などメディアをキレイに見せるためデザインされており、ヘッダーを固定している場合は、メインビジュアルやアイキャッチ画像がヘッダーで隠れてしまわないよう「ヘッダーのカラーを透過させる」演出をしています。

デフォルト(※ Nishiki Pro テーマのみ利用可)

ヘッダーの背景カラーを少し透過させ、テキストカラーと同じ色を指定します(ヘッダーの背景カラーが #eeee22 の場合)。

ライト(明)

ダーク(暗)

Nishiki テーマに関する情報は #wpnishiki をチェックしてください。

サポトピア おすすめ WordPress テーマ

WordPress テーマ Nishiki Pro

WordPress 公式テーマ Nishiki の洗練されたデザインを継承したプロフェッショナル版テーマです。「本当に必要とされる機能」をテーマ内にすべて搭載しているので、プラグインをたくさん入れなくても OK。メンテナンスコストも抑えることができ、効率の良いウェブサイト運営を行うことができます。

EC サイト対応テーマ Nishiki Pro for WooCommerce

今の時代、誰もが商材を持ち、ネット上で販売できる仕組みを持ってもいいと思います。WordPress を使って EC サイトが構築できる「Nishiki for WooCommerce」を使って、お持ちの商材を販売しませんか。ドロップシッピングサイトも作れます。