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

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

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

目次

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

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

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

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

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

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

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

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

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

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

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

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

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

ライト(明)

ダーク(暗)

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

WordPress テーマ Nishiki Pro

「ウェブサイト運営に本当に必要とされる機能」をテーマ内にまとめて搭載したプロフェッショナル版 WordPress テーマです。

ブロックエディター機能を強化し、これまでの WordPress では難しかったコンテンツが簡単に作れます。ブログ、ポートフォリオ、コーポレートサイト、ビジネスサイトなど、様々な目的のウェブサイトに対応できるテーマです。