Timber Wordpress - 显示两个类别的帖子块

时间:2016-03-29 18:18:48

标签: wordpress twig timber

我已经使用以下内容创建了一个新的page-test.php。

$query = array('category_name' => 'blog, portfolio');
$context['posts'] = Timber::get_posts($query);

这显示了来自这些类别的帖子很棒,但我想将它们分组到页面上的特定div中。目前我无法获取我的自定义页面或挑逗树枝文件(我不知道我是否需要两者或只是一个)来覆盖默认的树枝页面。我做出了破坏页面或似乎什么都不做的更改。

我确定这是完全错误的。

{% extends "base.twig" %}

{% block content %}
    {% for post in posts %}
        <div class="blog">
            {% include ['tease-'~post.post_type~'.twig', 'tease.twig'] %}
        </div>
    {% endfor %}

    {% for post in posts %}
        <div class="portfolio">
            {% include ['tease-'~post.post_type~'.twig', 'tease.twig'] %}
        </div>
    {% endfor %}
{% endblock %}

我不知道如何让特定的twig文件显示我想要的内容。

提前感谢您的帮助。

请注意我之前使用的是Expression Engine,Statamic和Craft,所以我对这种类型的东西非常熟悉(虽然不是php)但是由于某种原因这已经打败了我。

2 个答案:

答案 0 :(得分:5)

为什么你的第一种方法不起作用

当您收到两个类别的帖子时,您会收到一系列帖子,按日期排序,这是您第一次尝试时获得的。你在所有帖子中圈了一次,一次是在一个div中,一个是 blog ,另一个是在一个带有组合的div中。您没有添加检查帖子是否实际位于博客投资组合类别中。

据我了解,您希望在包含中使用post.post_type来区分类别。但是,post_type不是类别,它将是&#34; post&#34;对于您的帖子和&#34; page&#34;对于您的页面(或使用自定义帖子类型时的任何其他名称)。您的include尝试查找可能不存在的tease-post.twig

所以唯一的区别是:

{% for post in posts %}
    <div class="blog">
        {% include ['tease-'~post.post_type~'.twig', 'tease.twig'] %}
    </div>
{% endfor %}

和此:

{% for post in posts %}
    <div class="portfolio">
        {% include ['tease-'~post.post_type~'.twig', 'tease.twig'] %}
    </div>
{% endfor %}

最后只是div;)上的班级名称。

现在要获取帖子的类别,您可以通过twig文件中的post.category访问它。

{% for post in posts %}
    <div class="blog">
        {% include ['tease-' ~ post.category.slug ~ '.twig', 'tease.twig'] %}
    </div>
{% endfor %}

但是你的博客div中仍然有来自投资组合类别的帖子。

你怎么做

Timber的美妙之处在于,您可以在将其处理到模板之前处理您的帖子。您还可以从Timber::get_posts()获取帖子并将其拆分,过滤,扩展,无论您想要什么。

现在我们可以按类别对它们进行排序,然后再将它们交给模板。

执行此操作的一种方法是在查询中传递其他参数。但是为了学习木材,我们将采取另一种方法。

我们将为每个类别创建一个包含子数组的新数组。我们称之为新数组$sorted_posts。然后,我们遍历所有帖子,获取该帖子的类别并填充$sorted_posts,以便子阵列的键是帖子第一类的slu ..像这样:

$query = array(
    'category_name' => 'blog,portfolio',
);

$posts = Timber::get_posts( $query );

$sorted_posts = array();

foreach ( $posts as $post ) {
    // Get first category of post
    $category = $post->category();

    // Fill post back to sorted_posts
    $sorted_posts[ $category->slug ][] = $post;
}

// Add sorted posts to context
$context['posts'] = $sorted_posts;

var_dump()上的$sorted_posts可能如下所示,共有5个帖子(3个投资组合帖子和2个博客帖子)。

$sorted_posts = array (size=2)
    'portfolio' => array (size=3)
        0 => object(Timber\Post)[379]
        1 => object(Timber\Post)[430]
        2 => object(Timber\Post)[375]
    'blog' => array (size=2)
        0 => object(Timber\Post)[378]
        1 => object(Timber\Post)[429]

在你的twig文件中,你可以循环遍历这些子数组:

{% extends 'base.twig' %}

{% block content %}

<div class="blog">
    <h3>Blog</h3>
    {% for post in posts.blog %}
        {% include ['tease-blog.twig', 'tease.twig'] %}
    {% endfor %}
</div>

<div class="portfolio">
    <h3>Portfolio</h3>
    {% for post in posts.portfolio %}
        {% include ['tease-portfolio.twig', 'tease.twig'] %}
    {% endfor %}
</div>

{% endblock %}

当您为帖子分配两个或更多类别时,此方法无法处理的内容。

为什么你的第二个解决方案

您在第二种方法中所做的是通过仅获取一个类别的帖子来绕过帖子排序。这样,您就知道$context['posts']只有story类别的帖子,而$context['posts2']只有news类别的帖子。你没有得到一个你必须先排序的混合帖子数组。

现在好消息是:您可能找到了最适合您案例的解决方案,因为它使用的数据库查询少于分别获取每个帖子的类别。

当我这样做时(例如&#34;你如何做到&#34;)......

foreach ( $posts as $post ) {
    $category = $post->category();
}

...然后WordPress将获取其他数据库查询中每个帖子的类别。老实说,我不知道是否有可能获得包含该类别的帖子。如果您的首页上没有很多帖子,那么您或您网站访问者的性能差异可能会微不足道。

TL; DR:干得​​好,坚持使用你找到的解决方案!

答案 1 :(得分:1)

所以我得到了这个,但我确信这是一个非常糟糕的解决方案。

我在page-test.php中添加了第二个查询,所以帖子是Story,posts2是News。

$query = array('category_name' => 'Story');
$context['posts'] = Timber::get_posts($query);
$query2 = array('category_name' => 'News');
$context['posts2'] = Timber::get_posts($query2);

然后我添加了第二个div,它引用了posts2查询并且有效。

{% extends "base.twig" %}

{% block content %}
<div class="blog">
        <h3>Story</h3>
    {% for post in posts %}
        {% include ['tease-story.twig', 'tease.twig'] %}        
    {% endfor %}
    </div>

    <div class="news">
        <h3>News</h3>
    {% for post in posts2 %}
        {% include ['tease-news.twig', 'tease.twig'] %}
    {% endfor %}
    </div>
{% endblock %}

我还创建了一个专门的'tease-story.twig'和'tease-news.twig'作为测试,但实际上并不需要这些。

如果我说实话,我不确定我在这里做了什么,但它确实有用。

如果有人可以帮助澄清,那将非常感激。