Post Navigation
Lead readers on to the previous or next post.
Previous / next post links for single templates: split, cards, stacked or arrows-only layouts with thumbnails, back link, same-term navigation and looping.
Elementor widget
Requirements
- Elementor 3.5 or newer
- WordPress 6.2 or newer
- PHP 7.4 or newer
- Licence: free — installs straight from Moduly
Add it to a page
- Edit the page with Elementor.
- In the widget panel, search for Post Navigation. Our widgets sit in the Moduly category and carry the Moduly badge.
- Drag it onto the page.
- Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.
Settings
Post Navigation
| Setting | What you can set |
|---|---|
| Layout | Split (left / right), Cards, Stacked rows or Arrows only |
| Label | On / off |
| Previous Label | Text |
| Next Label | Text |
| Post Title | On / off |
| Post Date | On / off |
| Featured Image | On / off |
| Arrows | On / off |
| Previous Icon | Icon picker |
| Next Icon | Icon picker |
| Between the Links | Nothing, Borders (Happy style) or Back to the blog |
| Back Link | Empty = the blog page (or the post type archive). |
| Back Icon | Icon picker |
| Back Text (screen readers / tooltip) | Text |
Which Posts
| Setting | What you can set |
|---|---|
| In Same Term | Only link posts that share a term of this taxonomy with the current post. |
| Taxonomy | Categories, Tags, Download Categories, Download Tags, Project Categories, Project Tags, Brands, Product categories, … (9 in all) |
| Skip Posts In | Categories: Uncategorized or Product categories: Uncategorized |
| Loop Around | The newest post links on to the oldest, and back. |
| Keep Space When One Side Is Missing | On / off |
| Stack on Phones | Previous above next on small screens, each full width. |
Style tab: design controls for Links, Label, Title & Date, Arrow, Featured Image or Borders & Back Link — colours, typography, spacing, borders and hover states.
Tips
- Start with the Layout choice — it changes the overall look the most; fine-tune the rest afterwards.
- Visitors who ask their device for reduced motion get a calmer, still version automatically.
Troubleshooting
- Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.
Related
- Also available for Gutenberg (Post Navigation).
- Works well with: Scroll Tabs, Table of Contents, Taxonomy List.