WordPress5.0から新しく実装されたビジュアルエディタ「Gutenberg(グーテンベルグ)」の使い方を説明していくシリーズです。
今回は「表」ブロックの表の行や列の増やし方です。
ブロック「表」の行や列の増やし方
「表」の行や列を増やすには、「表」ブロックを利用します。
STEP1
表の作り方は、https://komatoki.com/2020/01/14/onayami-hyo/より確認できます。
STEP2
![](https://komatoki.com/wp-content/uploads/2020/01/d05f8f9bc9fab135eb6181d19cf2873d-1024x658.jpg)
行や列を増やしたい箇所の前後にあるセルをクリックし、ツールバーの「表の編集」を選択します。
STEP3
![](https://komatoki.com/wp-content/uploads/2020/01/3e87ff2dfa7ae687715051d2c5184daa-1024x651.jpg)
「上に行を追加」「下に行を追加」
「左に列を追加」「右に列を追加」
いずれかを選択して列や行を増やします。
STEP4
![](https://komatoki.com/wp-content/uploads/2020/01/884249b11d134d02cbb8e5853fa40911-1024x666.jpg)
左図の場合:
見出し1の「下に行を追加」
見出し1の「右に列を追加」
した場合の表示となります。
追加した欄に文字入力した結果が以下のプレビュー画面になります。
プレビュー画面
![](https://komatoki.com/wp-content/uploads/2020/01/3afff40685d98bb0b0562917089dc3fb.jpg)
実際の表示が確認できます。
(プレビューで表示される画面)