WordPress(Cocoon) ロゴ画像を設定する

Cocoon
Photo by Glen Carrie on Unsplash

タイトルが見えない!

前回、タイトルの背景画像を設定する にてタイトルの背景画像を設定しました。

背景画像が設定できたのが嬉しくて気付かなかったのですが、
タイトルが見えない!

タイトルの文字が暗くて見えない!

文字が黒色なのでほとんど見えなくなってしまいました。

文字の色を替えてみる

タイトル文字色の変更メニューは、
タイトルの背景画像を設定するで設定したヘッダー背景画像のすぐ下にあります

タイトルの文字色を変更する方法(Cocoon設定)
  1. ヘッダー全体文字色の 色を選択 ボタンを押す
  2. カラーパレットが表示されるので色を選択する
    ここでは、プリセットの を選択しました

変更をまとめて保存ボタンを押すと、

タイトルの文字が見えるようになった!

しっかりタイトルが表示されるようになりました。

…しかし、少々気になるところがあります
YZF-R6の魅力的な “目” が隠れています。

ロゴ画像

素敵な目が隠れてしまうのはやはり残念です。
そこでタイトル込みの画像を作成して、その画像をタイトル画像(ロゴ画像)とします。
お絵描きソフトで以下のような画像を作成しました。

タイトル付きで作成したロゴ画像(YZF-R6)

この画像をトップページのロゴ画像とします。

ロゴ画像を設定する

設定メニューは タイトルの背景画像を設定するで設定したヘッダー背景画像のすぐ上にあります

ロゴ画像の設定方法(Cocoon設定)

ヘッダーロゴ に作成した画像を設定します。
ヘッダー背景画像 はもう使用しないのでクリアしておきます。

変更をまとめて保存ボタンを押すと、

作成したロゴ画像をプレビュー

プレビューは良い感じです。

ホームページのトップ画像もこのとおり!

新しいロゴ画像(YZF_R6)とトップページ

カッコイイ!
YZF-R6 目も魅力的ですが、音も最高なんです!

コメント

タイトルとURLをコピーしました