core/query-pagination


Displays a paginated navigation to next/previous set of posts, when applicable.

This block consists of the blocks core/query-pagination-previous, core/query-pagination-numbers and core/query-pagination-next.

Code structure

<nav class="wp-block-query-pagination is-content-justification-space-between is-nowrap is-layout-flex wp-container-7 wp-block-query-pagination-is-layout-flex" aria-label="Pagination">

<a href="/2022/09/06/core-query-pagination/?cst&amp;query-1-page=1" style="font-size:2rem;font-style:normal;font-weight:600;text-transform:uppercase;letter-spacing:1px;" class="wp-block-query-pagination-previous">Previous Page</a>

<div class="wp-block-query-pagination-numbers">

<a class="page-numbers" href="?cst">1</a>
<span aria-current="page" class="page-numbers current">2</span>
<a class="page-numbers" href="?query-1-page=3&amp;cst">3</a>
<a class="page-numbers" href="?query-1-page=4&amp;cst">4</a>
<span class="page-numbers dots">…</span>
<a class="page-numbers" href="?query-1-page=31&amp;cst">31</a>

</div>

<a href="/2022/09/06/core-query-pagination/?cst&amp;query-1-page=3" style="font-size:2rem;font-style:normal;font-weight:600;text-transform:uppercase;letter-spacing:1px;" class="wp-block-query-pagination-next">Next Page</a>

</nav>

Leave a Reply