Post Date: 2020年4月16日
「Blocks」をクリック
Blocksをクリックします。
![block1](https://wesign.jp/wp-content/uploads/2020/04/block1.png)
「Add New」をクリック
Add Newをクリックして下さい。
![block2](https://wesign.jp/wp-content/uploads/2020/04/block2.png)
「WPBakery Page Buildedr」をクリック
WPBakery Page Buildedrをクリックして下さい。
![block3](https://wesign.jp/wp-content/uploads/2020/04/block3.png)
「Backend Editor」をクリック
Backend Editorをクリックして下さい。
![block4](https://wesign.jp/wp-content/uploads/2020/04/block4.png)
要素を追加
+ 要素を追加をクリックして下さい。
![block5](https://wesign.jp/wp-content/uploads/2020/04/block5.png)
選択画面が表示されます。
この中から必要な要素を追加します。
1.空きスペース
2.見出しカスタム
3.空きスペース
を追加します。
※要素を一つ選ぶと、編集画面に戻りますのでプラスマークで要素を追加してください。
![block6](https://wesign.jp/wp-content/uploads/2020/04/block6.png)
このようなブロックができます。
![block7](https://wesign.jp/wp-content/uploads/2020/04/block7.png)
公開ページのプレビュー
パーマリンクをクリックすると、公開ページのプレビューができます。
![block8](https://wesign.jp/wp-content/uploads/2020/04/block8.png)
このように表示されます。
![block9](https://wesign.jp/wp-content/uploads/2020/04/block9.png)
パーマリンクの最後の部分をコピー
ここの最後の部分をコピーしてください。
![block10](https://wesign.jp/wp-content/uploads/2020/04/block10.png)
固定ページ一覧をクリック
固定ページ 固定ページ一覧をクリックして下さい。
![block11](https://wesign.jp/wp-content/uploads/2020/04/block11.png)
プラスマークをクリック
プラスマークをクリックして下さい。
![block12](https://wesign.jp/wp-content/uploads/2020/04/block12.png)
「Porto Block」をクリック
Porto Blockをクリックして下さい。
![block13](https://wesign.jp/wp-content/uploads/2020/04/block13.png)
「test」を「Block slug name」に入力
先ほどコピーしたtestをBlock slug nameに入力してください。
![block14](https://wesign.jp/wp-content/uploads/2020/04/block14.png)
このように表示されます。
![block15](https://wesign.jp/wp-content/uploads/2020/04/block15.png)
公開ページではこのようになります。
![block15](https://wesign.jp/wp-content/uploads/2020/04/block15.png)