Cocoonブログのヘッダーの背景色を変更する方法を解説【初心者向け】

Cocoon

こんにちは、リュウスケです。

今日はこんな疑問に答えます↓

WordPressテーマのCocoonでブログを運営しているブログ初心者です。Cocoonで運営されているブログのヘッダーの背景色を変更する方法を教えてほしい。

リュウスケ
リュウスケ

この記事では、WordPressテーマのCocoonで運営されているブログのヘッダーの背景色を変更する方法を解説していきます。

記事を最後まで読み終えることで、Cocoonブログのヘッダーの背景の色を変更する方法を
知ることが可能。

Cocoonブログのヘッダーの背景色を変更する方法を知りたいと思っている人は、ぜひ最後まで
お付き合いください。

1:Cocoonのヘッダーの背景色を変更する方法

では、早速Cocoonのヘッダーの背景色を変更する方法を解説していきます。

まず、WordPressのサイドバーの[Cocoon設定]→[Cocoon設定]をクリックして、Cocoonの
管理画面に移動してください。

移動したら↓みたいな感じのページに移動します。

で、上に表示されているメニュー項目の一番上の段の左から3番目の[ヘッダー]をクリックして
ヘッダーの設定画面に移動してください。

ヘッダーの設定画面に移動したら↓に【ヘッダー全体色】という設定項目が出てくるので、
上の【ヘッダー全体背景色】項目の【色を選択】をクリックしてください。

クリックしたら↓の通り色の設定画面が表示されます。

上のボックス内にカラーコードを入力することで背景色の設定を行うことが可能です。今回は
黒系の[#222222]で設定します。

リュウスケ
リュウスケ

かつ、表示されているカラーピッカーの好きな色の部分にカーソルを置いて色を選択することも可能ですが、初心者の頃はカラーコードを入力して設定するのがオススメ。

 

カラーコードを入力して設定する方が初心者の頃には扱いやすいですからね♪

で、背景色の設定が完了したら、最後に一番下までスクロールを進めて[変更をまとめて保存]を
クリックして変更した部分を保存してください。

保存が完了した後、ブログにアクセスしてヘッダーの背景の色が設定した通りに変わっていれば
Cocoonブログのヘッダーの背景色の変更は完了です。

お疲れさまでした♪

 

◆まとめ

以上がCocoonブログのヘッダーの背景色を変更する方法の解説でした。

この記事が、Cocoonブログのヘッダーの背景色を変更する方法を知りたいと思っていた人の
参考になったら嬉しいです。

 

おわり。

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