Articles blocks allow you to present longer text elements or direct visitors to your latest posts and articles. You can include a standalone article, for example, a Terms & Conditions page. Alternatively, you can choose a layout where you can link more articles.
Adding the Article block
Here’s how to add the Articles block:
- Choose a location where you want to add an article and click on the Add Block + button.
- In the Block Library, navigate to the Articles section and click on either the single article block or a page that presents several articles. The chosen block will be inserted into the page.
Customizing a single article block
Insert the block as described above and hover over any element to bring up the dialog box. Click on the “gear” Block settings icon and the Block settings menu will appear.
You can change the following settings:
Block content: Choose whether you want to include article content.
Tip: Turning it off is useful if you only want to include a graphic element in the block, e.g. an infographic.
Editing text in one-article block
To add your own text in the single article block, simply click on any line and start typing. You can also copy/paste the text from a text editor you are using.
You can format your text with title tags. Learn more about title tags in this tutorial.
Read this article about block text formatting.
Want to create a list? Read this article about creating lists.
Customizing multiple articles block settings
You can show or remove any element of your Articles block. To modify block settings, hover over any area of the block and click the “gear” Block settings icon. The Block settings menu will appear.
You can add or remove the following block elements:
- Block title
- Article preview
- Article description
- Primary button
- Secondary button
Once you are done modifying the settings, click Save to apply changes.
Customizing Articles appearance
In the Appearance tab, you can modify the following settings:
Block style: Choose the color scheme of this block (light or dark)
Content layout: Choose the number of items in a row (3 or 4)
Content style: Customize the style of content in this block
- Add border
- Add shadow
Media settings: Add B&W filter
Once done, click Save to confirm the changes.
You can replace demo images in Article blocks with your own relevant photographs. Here’s how you can do it: Editing images.
To change focus and magnify an image, learn from here: Using the Image Resizer.
Editing article links
Here’s how to edit links that lead to articles or other pages on your website:
Duplicating block elements
If you would like to showcase more articles or services in your Articles block, you can easily duplicate any of the elements.
To do that, hover over any block element you want to duplicate and click on the Duplicate icon.
The identical block element will be inserted to the right of the original element.
Moving block elements
You can move block elements in any way that meets your website goals. To move the block element, hover over it to bring up the dialog box, and click on the Move icon. Drag the element and drop it on another spot inside the block.
Note: you cannot move elements from one block to a different block.
Deleting block elements
You can delete any block element if you have fewer articles to display. To do this, hover over the unwanted element to bring up the dialog box, and click on the “trash can” Delete icon.
You can reverse this action by clicking Undo or pressing Ctrl-Z on your keyboard.