分页无法与 Twig 一起正常工作
Pagination not working correctly with Twig
我在 Timber 插件中使用 WordPress 中的 Twig,我基本上遵循了他们用于分页的布局 here。
它显示一切正常,但似乎该位的参数无法正常工作:
{% include 'partials/pagination.twig' with { pagination: posts.pagination({show_all: false, mid_size: 2, end_size: 1}) } %}
无论我如何设置这些参数,它都会输出每个页;所以如果我有 10 页,它会打印出所有 10 页码;我不想要这个,我正在尝试将其限制为 5。
这里有什么问题?
您不需要使用默认的 pagination
模板,您可以完全自定义
{% set pages_to_show = 5 %}
{% set current = posts.pagination.current %}
{% set max = current + (pages_to_show - 1) %}
{% if max > posts.pagination.total %}
{% set current = posts.pagination.total - (pages_to_show - 1) %}
{% set max = posts.pagination.total %}
{% endif %}
<div class="tool-pagination">
{% if posts.pagination.prev %}
<a href="{{posts.pagination.prev.link}}" class="prev {{posts.pagination.prev.link|length ? '' : 'invisible'}}">Prev</a>
{% endif %}
<ul class="pages">
{% for i in current..max %}
<li>
{% if posts.pagination.pages[i].link %}
<a href="{{posts.pagination.pages[i].link}}" class="{{posts.pagination.pages[i].class}}">{{posts.pagination.pages[i].title}}</a>
{% else %}
<span class="{{posts.pagination.pages[i].class}}">{{posts.pagination.pages[i].title}}</span>
{% endif %}
</li>
{% endfor %}
{% if posts.pagination.next %}
<a href="{{posts.pagination.next.link}}" class="next {{posts.pagination.next.link|length ? '' : 'invisible'}}">Next</a>
{% endif %}
</ul>
</div>
不要这只是你如何解决这个问题的一个小例子
我在 Timber 插件中使用 WordPress 中的 Twig,我基本上遵循了他们用于分页的布局 here。
它显示一切正常,但似乎该位的参数无法正常工作:
{% include 'partials/pagination.twig' with { pagination: posts.pagination({show_all: false, mid_size: 2, end_size: 1}) } %}
无论我如何设置这些参数,它都会输出每个页;所以如果我有 10 页,它会打印出所有 10 页码;我不想要这个,我正在尝试将其限制为 5。
这里有什么问题?
您不需要使用默认的 pagination
模板,您可以完全自定义
{% set pages_to_show = 5 %}
{% set current = posts.pagination.current %}
{% set max = current + (pages_to_show - 1) %}
{% if max > posts.pagination.total %}
{% set current = posts.pagination.total - (pages_to_show - 1) %}
{% set max = posts.pagination.total %}
{% endif %}
<div class="tool-pagination">
{% if posts.pagination.prev %}
<a href="{{posts.pagination.prev.link}}" class="prev {{posts.pagination.prev.link|length ? '' : 'invisible'}}">Prev</a>
{% endif %}
<ul class="pages">
{% for i in current..max %}
<li>
{% if posts.pagination.pages[i].link %}
<a href="{{posts.pagination.pages[i].link}}" class="{{posts.pagination.pages[i].class}}">{{posts.pagination.pages[i].title}}</a>
{% else %}
<span class="{{posts.pagination.pages[i].class}}">{{posts.pagination.pages[i].title}}</span>
{% endif %}
</li>
{% endfor %}
{% if posts.pagination.next %}
<a href="{{posts.pagination.next.link}}" class="next {{posts.pagination.next.link|length ? '' : 'invisible'}}">Next</a>
{% endif %}
</ul>
</div>
不要这只是你如何解决这个问题的一个小例子