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

homepage1 Cocoon

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

環境: レンタルサーバー(ConoHa VPS)、CentOS 8.0、WordPress 5.x、Cocoon

背景 & 状況

レンタルサーバー(ConoHa VPS)を契約し、WordPress と プラグイン Cocoon をインストールしました。

サイトが動くようになると、真っ先に、ページ上部のヘッダー画像を設定、調整したくなると思います。
設定方法をまとめておきます。簡単です。
なお、サイトのデザインを決める際、サイトトップの画像や各記事用の画像が必要になってきます。
自分で撮影した写真や、フリー素材などをあらかじめ集めておくと効率的です。

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

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

まとめ

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

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

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