Pagination is a good way to keep the page content simple and improve website browsing. In addition to displaying dozens of blog posts on one page, you can also display some content and provide links so that users can view more content as needed. Pagination can be easily added as divi. This article describes how to add paging to the divi blog module. We will also discuss how to specify styles based on layout. Let’s go. Use paging method to page blog seeds and other contents. Users can use paging links to navigate between pages instead of displaying all content at once.
In the divi blog module, this is a set of links, displayed under the blog seed, allowing users to move to the previous or next group of blog posts. This allows users to easily view posts without having to display all posts on the screen at once. The page number is bidirectional, and users can view the previous post and the next post. Paging is available in the blog module. This module can display posts in many ways, such as recommendation posts. Pagination can only be used when the blog module displays the seeds of posts, projects, etc. You can view a page that contains multiple blog modules to find out why.
The above example is the blog page of the flooring layout pack. This layout contains 4 blog elements. The first is the blog slider module. The following three are blog modules: The first two create hero sections. They do not display paging links. The fourth blog module displays paging links. This link applies only to this blog module. Pagination only changes posts for a specific blog module. If the page uses multiple blog modules, the other modules will remain unchanged.
Some users may initially confuse this. They may expect the entire page to change. If these modules look different enough, you’ll be aware of what’s happening and understand. In other words, even if the posts in the seed part of the blog are changed, the hero part will not be affected. They are in different parts of the design. In this example, we added pagination for each blog module. The page is now more chaotic and the design is terrible. In any case, each module displays the same posts, so it’s best to limit paging to the default blog seed. The only way page layout works in multiple blog modules is that each module displays different categories, such as magazine layout.
The paging in the blog module is different from that in the post browsing module. Similar functions, but cannot be exchanged with each other. Male paging can be used in the blog module. There are several simple settings. The post navigation module moves from one blog post to another. It has several interesting options, but it is used in blog posts or blog post templates, not in blog pages. For more information about the post navigation module, please refer to the document containing the method and location of post navigation in the divi blog post template.
Now let’s look at how to enable and disable paging in the divi blog module. To enable paging, go to the page that contains the blog module and enable visual builder at the top of the screen. Scroll to the blog module and select gear on settings. Scroll down to the element on the content tab. Here you can view several items that can be enabled or disabled
. navigate to the last item in the list, pagination, and click Yes.
Display page tags: for example, you must specify a style. In this example, you specify a style to match the flooring layout pack. Male page text style specifying method: select the design tab in the settings of blog module and scroll down to page. In this case, the font is the preference. Select the thickness and style as underline. Change the text color to #7c8b56. Because the font color is followed, there is no need to adjust the underline color. Male font: default weight: bold style: underline color: #7c8b56 male change the font size of each screen type separately. First hover over the pagination text size heading, and then click the screen icon. Screen options open. Select the desktop and set it to 20px.
Desktop paging text size: 20px ﹐ then select the tablet icon and set the size to 18px. Page size: PX for tablet PC, now change the font size of the page icon to 18px for tablet PC. Phone paging text size: 16px male. Finally, change line height to 1.4em. Now close the module, save the page, and then click visual builder at the top of the screen to exit. Row height: 1.4em this is all you need to specify the paging style to match the layout. There are many ways to specify the paging text style, so let’s look at a few more examples. Use the same layout and style elements, but apply some changes.
Only a few minor changes have been made to the pagination text styling alternative. The font style is italic. Change the underline color to #2f5349 to match the background of the page footer. This will distinguish text. The text size is now 22px, and 2px letter spacing is added. Everything else is the same as the previous modeling example. Style: italic, underline, underline color: #2f5349 desktop text size: 22px character spacing: 2px male. For this purpose, I set weight to Semi Bold, style to TT, font color to #2f5349, size to 22px, letter spacing to 1px, and line height to 1.7em. This gives page tagging a different feel from the previous example.
Weight: Semi Bold style: TT font color: #2f5349 desktop text size: 22px character spacing: 1px line height: 1.7em male. In this example, the font thickness is changed to bold. The style is now large cap and small cap. I used dark gray #28292d as the font color in the CTA of the footer. Size is 20px, letter spacing is 2px, and line height is 2em. Weight: bold style: large and small hat font color: #28292d desktop text size: 20px character spacing: 2px line height: 2em these small changes may have a great impact on the design. Try a variety of designs and find the one that best suits you.
Ending idea this is the way to add paging in the divi blog module. Pagination is a good way to keep your pages clean and tidy. It can display a small part of blog posts, and users can easily access more content as needed. Even if the link is simple, you can specify a style to match the rest of the layout. We’d like to hear your opinion. Is paging enabled in the divi blog module? Please tell me your opinion.
