スタイリング＆カスタマイズ
Tablebergでボタンにホバー効果を追加する方法
Last Updated: 5月 31, 2025Buttons inside your Tableberg tables are more than just decorative—they guide visitors to take action. A hover effect provides users with immediate visual feedback, making the button feel more interactive. This guide will walk you through how to add a hover effect to any button added inside a Tableberg cell. Step 1: Select the Button First, select the button of Tableberg on which you want to apply hover effects. Then, go to the Style tab on the right sidebar. Step 2: Choose Hover Text & Background Color Now select the color for the options: Hover Text and Hover Background. Here is the final preview below. Step 3: Save the Post…
Tablebergでテーブル幅を調整する方法
Last Updated: 2025年7月22日Tableberg gives you full control over your table’s width—whether you want it full width, wide width, or a custom pixel value. This guide shows you two easy methods to adjust the table width in Tableberg. Method 1: Using the Toolbar Controls You can quickly set the table to Wide Width or Full Width using the block toolbar. Step 1 First, select the Tableberg Block in the editor. Step 2 Now, click on the alignment icon (1) in the toolbar and select your desired width: Wide Width or Full Width (2). Here’s the demo below: Method 2: Using the Options Panel If you want precise control over the table width (in…
Tablebergでボタンのボーダー半径を変更する方法
Last Updated: 5月 19, 2025The border radius of buttons in WordPress can be modified to shift how your interface feels. Subtle changes like softer corners can make actions feel more approachable, while sharper edges create a cleaner and more structured look. This small tweak often brings better visual balance and improves how buttons appear across different devices. This guide shows you where to find the border radius option and how to apply it to buttons inside your table. Follow the steps below to get started. Step 1: Click the Button Inside the Table Locate the button you’ve already added inside a table cell. Click directly on it to select the Button block. Step 2:…
Tablebergでボタンの色を変更する方法
Last Updated: 5月 19, 2025Buttons in a table should be visually distinct and interactive. A well-chosen background color will ensure they catch the user’s eye, while a smooth hover effect will confirm they’re clickable. Without these, buttons risk looking out of place or worse, going unnoticed. In this guide, you’ll learn how to customize button colors and hover effects right in the editor, so your tables stay clean, functional, and professional. Step 1: Click the Button Inside the Table Locate the button you’ve added inside a table cell. Click directly on the button to select the Button block. Step 2: Open the Block Settings Sidebar Once the button is selected, look to the right-hand…
単一セルの背景色を変更する方法
Last Updated: 11月 11, 2024Changing the background color of a single cell can be helpful in drawing users’ attention to specific information and highlighting important data. You can do it easily with the Tableberg plugin. Let’s check how to change single cell background color in this documentation post. Step 01: Select a Cell First, you have to select a cell. Click on the border of the cell you want to select. The cell will be selected. Step 02: Go to the Cell Background Option After the cell is selected, go to the Styles tab on the right sidebar. You’ll find the Cell Background option under the tab. Click the Cell Background option. Clicking the…
個々の行の境界線を変更する方法（色と半径を使用）
Last Updated: 11月 11, 2024By changing the color and radius of individual rows, you can add a touch of elegance to your tables. This can help you highlight specific information as well. In this guide, we’ll show you how to change border of an individual row of a table in WordPress. Step 01: Select a Row Click on the border of the row you want to select. The row will be selected automatically. Step 02: Add Color and Radius to the Row Border After the row is selected, go to the Style tab on the right sidebar. Scrolling down the tab, come to the Row Border option. Click on the option to expand it….
個々の列の境界線を変更する方法（色と半径を使用）
Last Updated: 11月 11, 2024Changing the color and radius of the border of an individual column can help take your table customization to a new height. This can allow you to add a touch of design aesthetics to the table. In this documentation, we’ll show you how to change the color and radius of the border of an individual column. Step 01: Select a Column Hit the border of your desired column. This will select the entire column of the table. Step 02: Change Color and Radius of the Column Border After the column is selected, go the Styles tab on the right sidebar. Scroll down the Styles tab, and come to the Col…
ブロックとブロックの間にスペースを入れる方法
Last Updated: 11月 11, 2024By adding space between blocks in a table, you can create a visual separation of content within your table so people can easily distinguish them. In this doc, we’ll show you how to add space between blocks within a table in WordPress. Step 01: Select a Cell on the Table Click the border of the table cell you want to select. You can see there are two contents on the cell: a text and an image. Step 02: Add Space Between the Blocks Go to the Styles tab on the right sidebar. Come to the Block Spacing option by scrolling down the tab. Now, by moving the pointer of the…
列間にスペースを追加する方法
Last Updated: 11月 11, 2024By adding space between columns in a table, you can improve the readability of your content. It helps all the columns be individually identifiable so data can be presented in a more organized way. This documentation post will show you how to add space between columns on your table with Tableberg. Step 01: Select the Table Select the entire table by clicking the Tableberg icon on the toolbar. Step 02: Add Space Between Columns After the entire table is selected, go to the Styles tab on the right sidebar. By scrolling down the tab, come to the Cell Spacing option. There are two options under Cell Spacing. The second one…
行間にスペースを追加する方法
Last Updated: 11月 11, 2024Adding space between rows can save your table from appearing cluttered and overwhelmed. It can make your table look cleaner so readers can easily scan and read content within it. This documentation will guide you on how to add space between rows in WordPress with the Tableber plugin. Step 01: Select the Entire Table Select the entire table by clicking the Tableberg icon on the toolbar. Step 02: Add Space Between Rows of the Table Once the table is selected, go to the Styles tab on the right sidebar. By scrolling down the tab, come to the Cell Spacing option. You’ll see two options under Cell Spacing. By using the…
個々の列の背景色を変更する方法
Last Updated: 11月 11, 2024By changing the background color of individual columns, you can make particular columns stand out from the rest to highlight important information. This can be helpful in stylizing the table for data organization. Tableberg is a wonderful table builder plugin by which you carry out exquisite customizations on table designing. Let’s explore how to change the background color of an individual column. Step 01: Select a Column Hope you know how to select a column. Just click the border of your desired column. This will automatically select the column instantly. Step 02: Go to Column Background Color Option After the column is selected, go to the Styles tab on the…
個々の行の背景色を変更する方法
Last Updated: 11月 11, 2024Changing the background color of an individual row can give readers and users a visual cue, highlighting specific information. It can improve readability and enable users to distinguish the particular data and information. The TableBerg plugin allows you to do this simply. This post will explain how to change the background color of an individual row with the plugin. Step 01: Select a Row To try this feature, you first have to select a row. Click the border of the row you want. This will select your entire row. Step 02: Go to Row Background Color Option Go to the Styles tab on the right sidebar. Under the tab, you’ll…
表の文字色を変更する方法
Last Updated: 11月 11, 2024By changing text color in a table, you can draw people’s attention to specific data points and categories. This can make your particular information stand out and improve readability. This guide will explain to you how to change the text color in a table. Step 01: Select a Text Using your cursor, select the text whose color you want to change. Step 02: Change the Text Color Go to the Styles tab while keeping the text selected. Click the Text option under the Color section. The color box will open up. Click on the color box. Now, select the color you want to set for the text. You can see…
表のフォントサイズを変更する方法
Last Updated: 11月 11, 2024Changing the font size in a table can help improve clarity. Some information may need to be presented in a larger font and the rest in a comparatively smaller size. Moreover, increasing the font size helps highlight key data points. Tableberg allows for the change of table font sizes both individually and globally. In this documentation post, let’s explore both methods of how to change font size in a table. Method One: Change the Font Size Individually Place your cursor on the cell to select the text for which you want to increase the font size. Go to the Typography section on the right sidebar. Click the dropdown option under…
テーブル・ヘッダーの背景色を変更する方法
Last Updated: 11月 11, 2024A table header is the toppest row of a table that servers as the title for each column, defining the type of information to be displayed. These titles can help organize data clearly and effectively. Let’s explore how to change the table header background color with the Tableberg plugin. Step 01: Enable the Table Header Select the entire table by clicking the Tableberg icon. By default, the header is disabled. So, toggle off the Disable Header option. You can see the header is enabled. Now, add some titles to the header. Step 02: Change the Header Background Color Go to the Styles tab on the right sidebar. Click the Header…