WordPressのCocoonでヘッダー画像を設定する方法

スポンサーリンク
WordPressのCocoonでヘッダー画像を設定する方法WordPress
ねこむ

ヘッダーって何??

ろんろん

『head』頭のこと。

つまりページの一番上の部分だね。

ねこむ

一番上にある画像部分のところかな?

WordPressのCocoonでヘッダー画像を設定する方法
ろんろん

ronronblogの今のヘッダーはこの海の画像だね。

ろんろん

ちょっと季節外れなので今回は、ヘッダーを冬仕様に変えたいと思います。

では一緒にやっていきましょう!

ヘッダーを設定するとサイトに独自性を出すことができるので、
ヘッダーの変更は必ずやっておきましょう。

スポンサーリンク

Cocoonでヘッダー画像を変更する方法

ダッシュボードからCocoonを開きます。

Cocoonでヘッダー画像を変更する方法

ダッシュボードからCoccon設定をクリックします。

するとCocoonの設定画面が出てきます。

『ヘッダー』をクリック。

Cocoonでヘッダー画像を変更する方法

画面の上の方にあるヘッダーをクリックします。



『ヘッダーロゴ』から画像を選択する。

Cocoonでヘッダー画像を変更する方法

少し下にスクロールしていくと
ヘッダーロゴがあります。
選択をクリックすると画像一覧が出てくるので
ヘッダーに使いたい画像を選びましょう。

Cocoonでヘッダー画像を変更する方法

選択をクリックするとメディアライブラリが開きます。
(もともとWordPressに保存してある画像です)

ronronblogはこの時クリスマスに関する記事ばかり。

あげていたので画像がスイーツであふれています(笑)

Cocoonでヘッダー画像を変更する方法

ファイルなどに保存している画像を使いたい場合は
左上にあるファイルをアップロードを選択し、
ファイルを選択をクリックして画像を選びましょう。

ヘッダーにしたい画像を選べたら、
画面右下画像の選択をクリックします。

Cocoonでヘッダー画像を変更する方法

画像の選択をクリックすると、
Cocoonの設定ページに勝手に戻ります。


このときヘッダーロゴの画像が変わっているはずです。

在庫アリ! 除菌 アルコール スプレー【30秒で99.999% 除菌】/日本製 アルコール78% 持ち運びにも便利 EX78
Cocoonでヘッダー画像を変更する方法

左上にある変更をまとめて保存をクリックします。

Cocoonでヘッダー画像を変更する方法

ronronblogのヘッダーが変わりました!
え?なんの絵かって?

もちろん真っ赤なお鼻のトナカイですよ!

これでバッチリです!

おつかれさまです。

ヘッダー画像のサイズを調整したい場合は、
その下にあるヘッダーロゴサイズで任意の数字を選ぶと
調節できますよ。

『WordPress』の関連記事はこちら⇩

コメント

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