バナーはホーム画面とサイドバーに配置することができます。
ホームのバナー配置
まずはメニューから「固定ページ」をクリックしページ一覧画面を開いてください。
リスト中の「HOME」にマウスを乗せると編集メニューが開きます。
編集メニューのうち「編集(ブロックエディター)」を選択してページ編集画面を開いてください。
*旧エディターでも編集は可能ですが、ややレイアウトの編集がしづらいのでご注意ください。
![](http://s-trick.com/wp-content/uploads/2022/02/f2f2b7b69a4edd6c89447bc36e83f6d2-650x188.png)
ホームレイアウトの変種画面
wordpressでは「ブロック」という単位でコンテンツを配置し一つのページを作っていきます。
ブロックは一段ごとに複数の列で配置することも可能です。
例えば下の画面では
- 最上段にショートコードを表示するブロックが一つ配置
- その次の段にはコンテンツ同士の隙間を開けるスペーサーブロックが一つ配置
- さらにその下の段にはバナー画像(350×160のダミー画像)ブロックが2列均等に配置
- 最下段にはLINE@のバナー画像ブロックが2列均等に配置
のようになります。
![](http://s-trick.com/wp-content/uploads/2022/02/0a92f17b58e06e9ae207fc2f42b1dada-650x354.png)
新規にバナー画像を配置(ブロックを配置)
まずはバナー画像を配置するためにブロックを設定しましょう。
ブロックを配置したい段にマウスポインタを移動すると「ブロックを追加」ボタンが表示されますのでそれをクリックします。
![](http://s-trick.com/wp-content/uploads/2022/02/d99a9cb3df701456241a45505e89fbcb-650x332.png)
配置するパーツの選択メニューが開きますのでその中から「カラム」を選択してください。
メニューの中にカラムが存在しない場合は「すべて表示」をクリックし、左側に開いたメニューの中から「カラム」を選択してください。
![](http://s-trick.com/wp-content/uploads/2022/02/5f6a3d71ee975423874a5fa9b19736f4-650x332.png)
![](http://s-trick.com/wp-content/uploads/2022/02/0d38a5f7c6a8e7523afa8bf0e035fe11-650x188.png)
カラムを選択すると何列分のブロックを配置するかを選択するリストが表示されます。
ここでは動作確認のため「50/50」つまり2列のブロックを作成します。
![](http://s-trick.com/wp-content/uploads/2022/02/834aa4901457cce9cd7e8f7e721c3e2e-650x188.png)
これで画像を配置するための空のブロックが2列作成されました。
(黒枠で囲まれた「+」の部分)
![](http://s-trick.com/wp-content/uploads/2022/02/cb0b6885458b1a4b164887e551ae558b-650x188.png)
プラスの部分をクリックするとボックスに配置できるパーツのリストが表示されますのでその中から「画像」を選択しアップロードするか既存のメディアライブラリから配置したい画像を選択してください。
これで画像の配置が完了します。
![](http://s-trick.com/wp-content/uploads/2022/02/2a6509fff6dd0f64210fa2c17ca2d83c-1-650x332.png)
画像の変更や削除
既に配置してある画像をクリックするとメニューバーが開きます。
「置換」ボタンを押すと画像の置き換えが可能です。
またメニューバーが表示されている状態で端末のDELETEボタンを押すと配置されている画像を削除することができます。
その他ブロックエディタの詳細な使い方についてはWordpressの標準機能となりますのでWordpressのマニュアルをご参照ください。
https://ja.wordpress.org/team/handbook/block-editor/