Blog pagination
The Blog pagination module renders an accessible pagination navigation for blog listing pages, building page-number links plus previous/next (and optional first/last) controls based on the total number of post pages. It only renders when there is more than one page. Use it beneath the post list on a blog listing template.
Show first and last arrows
The Show first and last arrows toggle controls whether jump-to-first and jump-to-last controls appear alongside the always-present previous/next arrows. When ON, both extra controls are added; when OFF, only the previous/next arrows are shown. It is OFF by default.
Use custom arrow icons
The Use custom arrow icons toggle is OFF by default, in which case the module uses its built-in default chevron arrows. When turned ON, it reveals the Custom arrow icon for next and prev (SVG)) and Custom arrow icon for first and last (SVG) image fields so you can replace the default chevrons with your own uploaded SVG icons.
Custom arrow icon for next and prev (SVG))
The Custom arrow icon for next and prev (SVG)) image field is shown only when Use custom arrow icons is ON. It lets you upload the SVG used for both the previous and next arrows and set its alt text; there is no image by default.
Custom arrow icon for first and last (SVG)
The Custom arrow icon for first and last (SVG) image field is shown only when Use custom arrow icons is ON. It lets you upload the SVG used for both the jump-to-first and jump-to-last arrows and set its alt text; there is no image by default.
Accessibility options
The Accessibility options group holds four text fields that set the screen-reader labels for the pagination buttons: First button text (default First), Prev button text (default Previous), Next button text (default Next) and Last button text (default Last). Each accepts a single line of plain text.
Vertical alignment
The Vertical alignment group exposes separate Mobile display, Tablet display and Desktop display selects, one per screen size. Each offers the same choices: Top, Center, Bottom, Space around, Space between and Stretch. All three default to Center.
Horizontal alignment
The Horizontal alignment group exposes separate Mobile display, Tablet display and Desktop display selects, one per screen size. Each offers the same choices: Left, Center, Right, Space around, Space between and Stretch. All three default to Center.
Text alignment
The Text alignment group exposes separate Mobile display, Tablet display and Desktop display selects, one per screen size. Each offers the choices Left, Center and Right. All three default to Left.
Animation settings
The Animation settings group configures how the module animates as it scrolls into view. Animation type selects the entrance effect from None, Fade in, Fade up, Fade down, Fade left, Fade right, Zoom in, Zoom out, Slide up, Slide down, Slide left and Slide right (default None). Duration is a slider from 0.1 to 3 s in 0.1 steps (default 0.6), Delay runs from 0 to 5 s in 0.05 steps (default 0), and Travel distance runs from 0 to 200 px in steps of 5 (default 30). Easing chooses the motion curve from Smooth (power1.out), Default (power2.out), Snappy (power3.out), Very snappy (expo.out), Sine (sine.out), Overshoot (back.out), Springy (elastic.out), Bouncy (bounce.out) and Linear (none) (default Default (power2.out)). Duration, Easing and Delay are hidden while Animation type is None, and Travel distance is hidden for None, Fade in, Zoom in and Zoom out.
Mobile order
The Mobile order slider runs from -5 to 5 in steps of 1 and reorders this module relative to its sibling modules on mobile screens, with lower numbers appearing first.