【Cocoon】 ヘッダー画像の設定方法

homepage1 Cocoon

WordPress に Cocoon をインストールしたとき、サイトのトップページの画像の設定方法について、できるだけ簡潔にまとめておきます。

環境: ConoHa VPS、CentOS、WordPress 5.X、Cocoon

状況

レンタルサーバで WordPress と無料プラグイン Cocoon をインストールして、サイトが動くようになると、真っ先に、ページ上部のヘッダー画像を設定、調整したくなると思います。簡単に設定できますので、やってみましょう。
なお、サイトのデザインを決める際、サイトトップの画像や各記事用の画像が必要になってきます。フリー素材などをあらかじめ集めておくとよいです。

手順:「Cocoon設定」→「ヘッダー」タブで設定

① WordPress 管理画面の上部で「管理メニュー」にマウスオーバーし、「Cocoon設定」をクリックします。
② 「ヘッダー」タブをクリック → 「ヘッダー背景画像」の「選択」ボタンをクリックします。
③ 「ファイルをアップロード」をクリックします。
→ ローカル PC からヘッダーに用いる画像を設定します。
④ 「センターロゴ(トップメニュー)」で「高さ」200 前後(例)に設定します。
→ 「変更をまとめて保存」をクリックします。
⑤ サイトのトップ画像を表示させて画像を確認し、④を値を変えながら繰り返し、デザインを調整します。

まとめ

WordPress に Cocoon をインストールした際のヘッダー画像の設定方法についてまとめました。
なお、コメント欄の消し方などは以下の関連リンクにまとめました。

関連リンク
・ 【Cocoon】 すぐに使うための6ステップ【速攻】
・ 【Cocoon】 サイトトップページの meta description を設定する方法
・ 【Cocoon】 トップ画面右側の「最近のコメント」を非表示にする方法

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