Effective content presentation is crucial to the success of any website. This is why you need to present your web content in varying styles to suit different needs so it becomes easily readable to web visitors and users.
Putting boxes around texts could be an effective way to do this. Because it can help make certain text completely distinct from others. This concept is highly effective in presenting important details, quotes, and calls to action.
In this tutorial post, we’ll show you multiple methods of how to put a box around text in WordPress.
Maak prachtige tafels
Met blok-editor
Method One: Using the Group Block
The Group is a default WordPress block. This block allows you to add various other blocks within it.
Step 01: Add the Group Block to the Editor
Zoek en voeg de Groepsblok aan de redactie.
Select a layout for the Group block. For the tutorial, we’ll select the first layout.
Step 02: Add the Paragraph Block to the Group Block
Voeg nu de Paragraaf blok to the Group block so you can write text content.
Next, add your desired text content to the block.
Step 03: Customize the Block and Make It a Box
Ga naar de Tabblad Instellingen on the right sidebar. You can customize the layout for the Group block if needed. Otherwise, leave it.
Then, come to de Tabblad Stijlen. From the color section, colorize the text content en background of the block.
Scroll down the tab and come to the Opvulling en Border sections.
De Opvulling will let you add space between the content and the border. The Grens will allow you to increase its width.
Thus, you can create a box around the text.
Method Two: Using the Tableberg Block
Tafelberg is a wonderful and easy to use table builder plugin. You can create and put a stunning box around your text content with this plugin as well. Get the plugin by clicking the buttons on the banner below.
Maak prachtige tafels
Met blok-editor
Once installed on your site, follow the tutorial.
Step 01: Add the Tableberg Block to the Editor
This plugin comes with a block named Tafelberg. Add the block to the editor.
Place the number of column and row to create as many boxes as you want. Let’s for this tutorial, set 1*1 to create only one box.
You can see the box layout is added.
Step 02: Add Text to the Box
Just write or copy-paste the text content you want to the box.
Step 02: Stylize the Box
Ga naar de Tabblad Stijlen keeping the Tableberg block selected. Add a background color to the box from the Color section.
Step 03: Customize the Table Border
Scroll the tab and come to the section Table Border en Inner Border.
By placing suitable values, you can adjust the border color, width en radius.
Step 04: Customize the Text Color
If you want, change the text color so the design looks beautiful and readable.
Conclusie
So, it’s easy to put a box around text in WordPress. Now, it’s your turn to choose the method that suits you. However, there are several things you must remember. Make sure the box and the text color contrast each other so your content is readable.
Besides, try to maintain the color scheme of your website in the content box as well to ensure your consistency in branding. You can do more interesting designs with the Tableberg plugin. For example, explore how to add Amazon product box in WordPress.
