Post Navigation

Estimated reading: 2 minutes 17 views

The Post Navigation widget allows you to display a dynamic navigation interface that helps users move between posts (previous and next) on single post pages. It’s a useful tool to enhance user engagement and improve content discovery.

🚀 How to Enable the Post Navigation Widget

To start using the Image Widget, follow these steps:

  1. Navigate to your WordPress dashboard.
  2. Go to Topper Pack → Widgets.
  3. Locate the Post Navigation widget from the list.
  4. Toggle the switch to “On” to enable it.
  5. The widget is now available in the Elementor editor.

đź”§ How to Use

  1. Drag and Drop the Widget
    Search for “Post Navigation” under the Topper Pack widgets and drag it into your desired section on a single post template.

⚙️ Content Settings

  • Select Post Type
    Choose the post type (e.g., Posts, Custom Post TypesYou want to enable navigation for.
  • Enable Image
    Toggle Show to display the post’s featured image in navigation.
  • Enable Title
    Toggle Show to show the titles of the previous and next posts.
  • Enable Subtitle
    Toggle Show to show the default subtitle (e.g., “Previous Post” or “Next Post”).
  • Next Title
    Customize the text label shown for the next post (default is Next Post).
  • Previous Title
    Customize the text label shown for the previous post (default is Previous Post).

🎨 Style Settings

Go to the Style tab to personalize the design:

🔹 General

  • Flex Wrap: Choose whether content wraps or stays on one line.
  • Margin / Padding: Adjust spacing inside and around the widget.
  • Border Type & Radius: Customize borders for better visual appearance.
  • Box Shadow: Add shadows to enhance visual hierarchy.
  • Background Type: Set a solid color, gradient, or image background.
  • Item Space: Adjust space between previous and next items.

🔹 Image

Customize the image styling such as width, height, radius, and alignment.

🔹 Label

Adjust the subtitle style like typography, color, margin, and alignment.

🔹 Title

Modify the navigation title’s typography, color, text effects, and spacing.

📌 Notes

  • This widget only works on a single post, a single custom post type, or a single page template.
  • Make sure this widget is used inside the hemepulpack Theme Builder for dynamic post display.

Leave A Comment

All fields marked with an asterisk (*) are required