Choose numbered, load-more, or infinite pagination for a WordPress query and attach the exact canvas elements used as its container, page-number template, Previous, Next, and Load More controls.
Where: CMS → list query → pagination — Choose a pagination mode
Key ideas
- Query-owned pagination: Pagination belongs to one post-type query; changing its mode does not automatically configure every listing.
- Mode-specific roles: Numbered pages use a container and repeated page-number template, while button and infinite patterns use Previous, Next, or Load More controls as appropriate.
- Explicit element attachment: Each role stores the selected element id, keeping the exported query behavior tied to the designed control.
Steps
- Open CMS → WordPress and find the post type/list query you want to paginate.
- Set query count, offset, ordering, and filters before choosing the pagination mode.
- Choose None, Numbered, Load More, or Infinite.
- Select exactly one canvas element at a time and attach it as Container, Page number, Prev, Next, or Load More where the chosen mode needs it.
- Preview empty, first, middle, and last-page states, then publish to staging and verify URLs, disabled states, loading, focus, and repeated page-number styling.
Available element roles
- Container: wraps pagination controls.
- Page number: repeated template for numbered pages.
- Prev: previous-page control.
- Next: next-page control.
- Load More: button/trigger for load-more and infinite patterns.
Design states
A production pager needs first/last-page disabled behavior, loading feedback, keyboard focus, an empty/no-more-results state, and enough responsive space for the maximum expected page count.
Tips
- Test with enough content to produce several pages; a one-page dataset cannot validate pager behavior.
- Keep query ordering deterministic unless random order is intentionally part of the experience.
Troubleshooting
The pager is visible but does not change results
Confirm the controls are attached to the same post-type query as the listing and that the selected mode uses those roles.