如何在Voog的博客文章中添加上一篇和下一篇文章的链接?

时间:2015-11-10 14:56:49

标签: navigation blogs article voog

将以前和下一个链接添加到Joomla,Wordpress和其他各种基于php的博客文章中的博客文章似乎相当容易。但是,我如何将这样的功能添加到我的Voog网站?我查看了他们的开发人员文档,但没有找到任何信息。

2 个答案:

答案 0 :(得分:3)

现在可以使用最新的Voog更新。请参阅docs

Voog开发者文档的来源:

以前(较旧)的文章

{% if article.older %}
  <a href="{{ article.older.url }}">{{ article.older.title }}</a>
{% endif %}

下一篇(较新)文章

{% if article.newer %}
  <a href="{{ article.newer.url }}">{{ article.newer.title }}</a>
{% endif %}

答案 1 :(得分:0)

目前,没有直接的方式来获取上一篇和/或下一篇文章,但使用此代码很容易实现:

  

首先我们必须找到当前的文章来获取上一个和下一个   

{% for blog_article in blog.articles %}
 {% if article.id == blog_article.id %}
  

请注意,blog.articles最新排序,因此下一篇文章实际上是在前一篇文章之前   

   {% assign next_article_idx = forloop.index0 | minus: 1 %}
   {% assign prev_article_idx = forloop.index0 | plus: 1 %}
 {% endif %}
{% endfor %}
  

然后,再次浏览文章并获取以前找到的文章

{% for blog_article in blog.articles %}
 {% if prev_article_idx == forloop.index0 %}
   <a class="prev" href="{{ blog_article.url }}">{{ blog_article.title }}</a>
 {% endif %}

 {% if next_article_idx == forloop.index0 %}
   <a class="next" href="{{ blog_article.url }}">{{ blog_article.title }}</a>
 {% endif %}
{% endfor %}

Anchorage模板中的article page footer更高级,但使用相同的方法 - 您可以看到代码here