Category
Archives
Cocotiie
Trial And Error!やってみよう!の精神でWeb制作をしています。初心者の方にも伝わるよう、心がけています。少しでも誰かの助けになれれば嬉しいです。宜しくお願い致します。

2006年:Web制作に関する覚書きブログをはじめる。

2018年:Cocotiie(ココッティー)として運営開始。
このサイトは快適なテーマ「SWELL」を使用していますSWELLについて

[WordPress] ブロックエディタのテーブルブロックを結合する方法

テーブルの結合

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

ラベルの結合を例に編集方法をシェアします。

セルの結合
INDEX

Tableを配置

必要な行と列を作ります。

テーブルブロック
ラベルこの壁を無くしたい
12
34

htmlを編集する

リストの下の方に[HTMLとして編集]があります。

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なら結合と分割がクリックするだけ!痒い所に手が届くテーマです。

Swell

おすすめのテーマ
このブログもSWELLです

\ ぜひ使って欲しい /

高速最適化済み、高機能、驚きの使い心地
深い知識不要で素敵なサイトが作れます。

支払は一度だけ。アップデートはずっと

よかったらシェアお願いします
  • URLをコピーしました!
  • URLをコピーしました!

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

コメントする

INDEX