Gutenbergの「ボックスの作り方」
WordPressテーマ「JIN」のGutenbergにおける、ボックスの作り方について解説をします。
【1】JINブロックを開く
![JINブロックの選択](https://jin-theme.com/manual/wp-content/uploads/2019/02/6d2d219956241ef7a3976759e4a22cc1.png)
執筆画面にカーソルを置いたら、左の「+」のマークを押しましょう。
そうすると「JINブロック」という項目が見つかりますのでここを開いてください。
【2】ボックスブロックを選択
![JINボックス](https://jin-theme.com/manual/wp-content/uploads/2019/02/5837e084745ba5f009431f0ccef67ae9.png)
JINブロックの中にある「シンプルボックス」もしくは「タイトル付きボックス」を開きましょう。
【3】ボックスの種類を選択
![](https://jin-theme.com/manual/wp-content/uploads/2019/02/7d7b458162c94c17d16bffd6448f4873.png)
ボタンの見た目を編集していきます。ボタンのブロックにカーソルを合わせておいてください。
まずは執筆画面のサイドバー右上にある「ボタンの種類」を好みのものに選択しましょう。
【4】テキストのタイトルと内容を入力
![](https://jin-theme.com/manual/wp-content/uploads/2019/02/26d1f83245e8b62cd33fee3a78eccb74.png)
最後に、ボックスの「タイトル」と「内容」を入力しましょう。
これでボックスは完成です!
なお、ボックスの色の変更は「カスタマイズ」>「ボックスデザイン設定」から行えますのでこちらをご確認ください。
![BLOG CAMP](https://jin-theme.com/manual/wp-content/uploads/2018/08/33fb179d5a9adeb0dcd46ad136a74959-1024x577.png)
JINユーザー限定のブログコミュニティ「BLOGCAMP」をオープンしました!
・JINユーザーならずっと参加無料!
・ブログ診断など定期的なイベントあり
・稼ぐためのノウハウをコミュニティ内でシェア
という、本来なら月額かかるような有益なコミュニティをJIN公式でやっています。
ひつじくん
本気でブログで稼ぎたい人はぜひ参加してください!
BLOGCAMPへの参加方法はこちら↓