WordPressでテーブル幅を変更する方法(2つの方法)

Table width refers to the horizontal space that a table occupies on a web page. It describes how much room the table takes up in relation to other elements on the page. By default, WordPress assigns a standard width whenever you create a table.

But the default space may fail to meet your objectives which is why you may want to increase your table width. This article will guide you on how to change table width in WordPress.

美しいテーブルを作る
ブロックエディター付き

Method 1: Changing the Width of the Default Table Block

The default Table block doesn’t have an option to specify the exact width of a table. But you can make the table wide or full width.

To make a table wide width, click on the ‘Align’ icon in the table block’s toolbar and select ‘Wide Width’.

Similarly, to make a table full width, click on the ‘Align’ icon from the table block’s toolbar and select ‘Full Width’.

Now, what if you want to specify the width of a table?

There is a WAY. But you need to transform the table block to a Group block.

To transform the Table block to the Group block, click on ‘Table’ icon from the table block’s toolbar and select the ‘Group’ block.

Now, click on the ‘Settings’ icon from the top right-hand side corner and you’ll see two boxes (CONTENT & WIDE) under the settings tab. Then enter your desired table width there.

The table width will change according to the value you insert. Thus, you can customize the width of the default WordPress table.


Method Two: Changing the Width of the Tableberg Block

To have more control over the table width, you can use the テーブルバーグ plugin. It’s a versatile table builder plugin.

Read: デフォルトのテーブルブロックをテーブルバーグブロックに変換する方法

Once you’ve created a table with Tableberg, click on the ‘Tableberg’ icon from the toolbar and you’ll get the TABLE WIDTH option in the settings tab.

Now, put your desired value on the box or drag the scale. You will see that you can extend its width more than the default WordPress table.

So that’s how you can change the width of a table using the Tableberg plugin.


最後の言葉

Now you know how to change table width in WordPress. But there are several things you must care about when updating the table width. Make sure you aren’t disturbing the balance of content on the table.

Increasing the width too much can often negatively impact the responsiveness issue. And last of all, don’t forget to check the readability score.



テーブルバーグ・チーム

早割キャンペーン実施中
これは通知バーのデフォルトテキストです。