How to add DIVI Post Navigation with Sort support
Divi’s built‑in Post Navigation module provides simple “Previous”/“Next” links out of the box—but it doesn’t respect any manual or programmatic ordering you’ve applied to your posts. If you’re using the Advanced Post Types Order (APTO) plugin to tailor your list order, you’ll want your navigation links to follow the same sequence. Starting with APTO v 4.3.5, a new APTO – Post Navigation module makes this easy.
Add the APTO – Post Navigation Module
Once APTO is active, open any Divi layout (Theme Builder, or a Page with the Post Content module). Click + Add New Module and locate:
You’ll see a new APTO – Post Navigation entry in the module list. Insert it into the spot where you’d normally place “Previous/Next.”
Configure Sort Order
In the module settings:
- Sort By: Choose the field or taxonomy that defines your custom order (e.g., Menu Order, Date, or a specific taxonomy).
- Order: Select Ascending or Descending.
- Taxonomy (optional): If you’re ordering within a particular category or tag, select it here.
These options ensure that when the module generates “Previous” and “Next” links, it follows exactly the same sequence you’ve established in the sort list.
Style & Customize Labels
Divi’s design controls let you tweak fonts, colors, and padding just as you would any other module. Under the Design tab:
- Text: Change “Previous”/“Next” to your own labels (e.g., “‹ Older Article” and “Newer Article ›”).
- Icons: Add arrow icons before or after the text.
- Spacing: Adjust margins to sit nicely beneath your content.
Save & Test
- Save your Divi layout and view any single‑post page on the front end.
- Click through “Previous” and “Next” links to confirm they follow your custom order, not just chronological order.
If anything seems off, revisit the ReOrder interface and ensure you’ve dragged items into the desired sequence. The APTO module will always mirror that list.
Wrapping Up
By combining Divi’s visual builder with the APTO – Post Navigation module, you:
- Keep complete control over your post sequence
- Offer intuitive “Previous/Next” links that match your editorial flow
- Customize labels and styling to suit your theme