【2分で解説!】webサイトのヘッダーにロゴを追加する方法|【Cocoon基本設定⑤】

cocoon

伝えたいこと

今回はヘッダーにアイコンを挿入する方法を説明します。僕も自分でアイコンを作成したので、それを以下の写真の示す部分に挿入していきます。

ちなみに、アイコン画像は 512 × 512 px です。

ヘッダーにロゴを追加する方法

「Cocoon設定」→「Cocoon設定」→「ヘッダー」

「ヘッダーロゴ」までスクロールし「選択」をクリック

「ファイルを選択」→ 作成した画像を選択する

「画像の選択」をクリック

このような画面になっていればオッケー!

「変更をまとめて保存」をクリック

変更できたか確認しよう!

「投稿」→「投稿一覧」で適当なページを選択

しかし、アイコン部分は変わっていません…

以下の写真に示すアイコンをクリック → 「新しいタブでプレビュー」をクリック

すると、変更したアイコンが表示されます。

この「新しいタブでプレビュー」からプレビューを見ることで、変更を確認することができます! 変更が確認できない場合はこの手順で試してみてください!

コメント