ページネーション
<!-- ページネーション呼び出し -->
{{
include('/include/pagination.twig', {
pagination: entryBody.pagination ?? entryBody.microPagination,
serialNavi: entryBody.serialNavi
pager: entryBody.pager,
})
}}
<!-- ページネーション -->
{% if pagination and pagination.totalPages > 1 %}
<nav class="pager" aria-label="ページ送り">
<p class="acms-margin-bottom-small acms-margin-top-large">
<span class="font-medium">{{ pagination.total }}</span>件中
<span class="font-medium">{{ pagination.from }}</span> 〜
<span class="font-medium">{{ pagination.to }}</span>件を表示中
</p>
<ul class="clearfix">
<!-- 最初のページ -->
{% if pagination.firstPage %}
{% if pagination.firstPage.current %}
<li class="pager-item"><span>1</span></li>
{% else %}
<li class="pager-item"><a href="{{ pagination.firstPage.url }}"><span>1</span></a></li>
{% endif %}
{% endif %}
<!-- 前方省略記号 -->
{% if pagination.prevEllipsis %}
<li class="pager-item">...</li>
{% endif %}
<!-- ページループ -->
{% for page in pagination.pages %}
{% if page.current %}
<li class="pager-item"><span>{{ page.page }}</span></li>
{% else %}
<li class="pager-item"><a href="{{ page.url }}"><span>{{ page.page }}</span></a></li>
{% endif %}
{% endfor %}
<!-- 後方省略記号 -->
{% if pagination.nextEllipsis %}
<li class="pager-item">...</li>
{% endif %}
<!-- 最後のページ -->
{% if pagination.lastPage %}
{% if pagination.lastPage.current %}
<li class="pager-item"><span>{{ pagination.lastPage.page }}</span></li>
{% else %}
<li class="pager-item"><a href="{{ pagination.lastPage.url }}"><span>{{ pagination.lastPage.page }}</span></a></li>
{% endif %}
{% endif %}
</ul>
</nav>
{% endif %}
<!-- 前後リンク -->
{% if serialNavi %}
<nav class="serial-nav clearfix" aria-label="ページ送り">
<ul class="serial-nav-list">
<li class="serial-nav-prev">
{% if serialNavi.prevLink %}
<a href="{{ serialNavi.prevLink.url }}">
<span class="acms-icon-arrow-small-left serial-nav-prev-icon" />
<span class="serial-nav-prev-title">{{ serialNavi.prevLink.name|trim(54, '...') }}</span>
</a>
{% endif %}
</li>
<li class="serial-nav-next">
{% if serialNavi.nextLink %}
<a href="{{ serialNavi.nextLink.url }}">
<span class="serial-nav-next-title">{{ serialNavi.nextLink.name|trim(54, '...') }}</span>
<span class="acms-icon-arrow-small-right serial-nav-next-icon" />
</a>
{% endif %}
</li>
</ul>
</nav>
{% endif %}
<!-- シンプルなページ送り -->
{% if pager %}
<nav class="serial-nav clearfix" aria-label="ページ送り">
<ul class="serial-nav-list">
<li class="serial-nav-prev">
{% if pager.prevPageLink %}
<a href="{{ pager.prevPageLink }}">
<span class="acms-icon-arrow-small-left serial-nav-prev-icon" />
前ページ
</a>
{% endif %}
</li>
<li class="serial-nav-next">
{% if pager.nextPageLink %}
<a href="{{ pager.nextPageLink }}">
次ページ
<span class="acms-icon-arrow-small-right serial-nav-next-icon" />
</a>
{% endif %}
</li>
</ul>
</nav>
{% endif %}