كيفية محاذاة محتوى جدول ووردبريس أفقيًا (يسارًا أو وسطًا أو يمينًا)

You’ve filled in your table, arranged the columns, and styled the borders, but something might still look off. That “something” is often alignment. Without proper horizontal alignment, even a clean layout can feel awkward or hard to read. The position of your content in each cell, whether left, center, or right, can completely change how your table comes across.

When content inside cell lines up properly, the whole layout feels more polished. Plan names look better centered. Prices feel more readable when right-aligned. Without this small detail in place, even a well-designed table can feel unbalanced.

In this guide, we’ll show you how to align table content horizontally in WordPress so everything sits exactly where it should. With a few simple steps, you can make your tables look more structured and easier to read.


Method 1: Using the Default Table Block in WordPress

The default Table block in WordPress supports horizontal alignment, but only at the table-wide level. That means you can set the alignment for all cells at once, but you can’t align individual cells differently.

Just follow the steps below to apply horizontal alignment using the default editor.

Step 1: Add a Table Block to Your Post or Page

Use the block inserter “+” icon, search for Table, and insert the block into your post or page. Set your row and column count as needed.

Add a Table Block to Your Post or Page

Step 2: Enter Text into the Table

Add your content to each cell. Remember that the default Table block only allows text; other types of content, like images or buttons, aren’t supported here.

Enter Text into the Table


Step 3: Set the Horizontal Alignment

Click anywhere inside the table. From the block toolbar at the top, select the alignment icon. Choose between left, center, or right, and the change will apply to all cells in the table.

Set the Horizontal Alignment

الطريقة 2: استخدام البرنامج الإضافي Tableberg

If you need more control over your table layout, the Tableberg plugin is a better choice. It lets you insert multiple types of content inside each cell and adjust the horizontal alignment individually for each one.

To align content with Tableberg, follow these steps.

الخطوة 1: تثبيت وتفعيل البرنامج الإضافي Tableberg

Log in to your WordPress dashboard, go to Plugins → Add New, search for “Tableberg,” and click Install Now, followed by Activate.

تثبيت المكوّن الإضافي Tableberg وتفعيله

Step 2: Insert a Tableberg Block

Go to the existing page/post or create a new one first, then click the block inserter “+” icon, search for Tableberg, and insert the block. Choose your preferred number of rows and columns.

إدراج كتلة Tableberg

سtep 3: Add Content to Each Cell

Click inside any cell and start adding your content. Use the block inserter “+” icon to add different types of content. Tableberg allows rich content like images, buttons, text, icons, and more. By default, your content will be horizontally aligned to the left.

Add Content to Each Cell

Step 4: Adjust the Alignment of Each Item

Click on the border of the particular cell you want to apply alignment to. When the block toolbar appears, use the ‘Align Cell Children’ option to set the alignment to left, center, or right. This will adjust the position of all content inside that cell.

Adjust the Alignment of cell

To add, each piece of content inside the cell also comes with its own alignment setting, which appears in the toolbar when you click on that specific block. This gives you full control over each element to be positioned within the cell.

Individual block alignment

خاتمة

Whether you’re building a basic table or a fully styled layout, horizontal alignment is key to making your content look intentional and organized. The default WordPress Table block offers quick alignment for all cells at once, but when you need individual control, Tableberg is the tool that gets the job done. It allows you to align each item on its own terms, giving your tables the clarity and balance they need to communicate your content effectively. In the end, a few simple alignment choices can make the difference between a rough layout and a table that actually works.

اقرأ أيضاً:



فريق Tableberg