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

Cocoon
Photo by Glen Carrie on Unsplash

タイトルが見えない!

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

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

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

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

文字の色を替えてみる

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

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

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

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

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

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

ロゴ画像

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

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

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

ロゴ画像を設定する

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

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

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

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

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

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

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

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

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

コメント

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