[WordPress] ブロックエディタのテーブルブロックを結合する方法
「テーブルブロック」の標準機能では、セルを結合する事はできません。テーブルを自由に編集できるプラグインもありますが、ちょっとした手間と少しのhtmlの知識で結合することが出来ます。
ラベルの結合を例に編集方法をシェアします。

INDEX
Tableを配置
必要な行と列を作ります。

| ラベル | この壁を無くしたい |
|---|---|
| 1 | 2 |
| 3 | 4 |
htmlを編集する
リストの下の方に[HTMLとして編集]があります。

テーブルがhtmlで表示されるので、ここを編集します。

<td>にcolspan="2"を書き足す
<thead><tr><th colspan="2">ラベル</th><th></th></tr></thead>
余分な空の<th></th>を削除
<thead><tr><th colspan="2">ラベル</th></tr></thead>2つのセルを結合したいので、colspan=”2″ 3つを1つにするならcolspan=”3″にして、余分なセル2つを削除
これで結合できたはずです。ラベル以外のセルも、同じ要領で編集できます。あとはテキストの位置を整えたり自由にカスタムして下さい。
テーブルタグを使いこなす
縦に結合するならrowspan、横に結合するならcolspan。同時に使用する事も出来ます。
SWELLならプラグイン不要
このブログもSWELLを使用しているのですが、SWELLなら結合と分割がクリックするだけ!痒い所に手が届くテーマです。





コメント ※ハンドルネームでお願いします