0

Bolt を使用して、最新の 4 つのエントリを取得したいと思います。簡単です。ただし、1 番目と 3 番目のエントリには特定の CSS クラスが必要ですが、2 番目と 4 番目のエントリには独自のクラスが必要です。

最終的に、HTML は次のようになります。

    <div class="quarter alt">
        <h3><a href="{{ record.link }}">{{ record.title }}</a></h3>
        <p>{{ record.teaser }}</p>
        <p><a href="{{ record.link }}">Read more</a>.</p>  
    </div>
    <div class="quarter">
        <h3><a href="{{ record.link }}">{{ record.title }}</a></h3>
        <p>{{ record.teaser }}</p>
        <p><a href="{{ record.link }}">Read more</a>.</p>  
    </div>
    <div class="quarter alt">
        <h3><a href="{{ record.link }}">{{ record.title }}</a></h3>
        <p>{{ record.teaser }}</p>
        <p><a href="{{ record.link }}">Read more</a>.</p>  
    </div>
    <div class="quarter">
        <h3><a href="{{ record.link }}">{{ record.title }}</a></h3>
        <p>{{ record.teaser }}</p>
        <p><a href="{{ record.link }}">Read more</a>.</p>  
    </div>

私はスニペットとドキュメントをいじってみましたが、 loop.first を見つけたところにいますが、もちろんそれは最初のエントリでのみ機能します:

{% setcontent records = "entries/latest/4" %}
{% for record in records %}

{% if loop.first %}
    <div class="quarter alt">
        <h3><a href="{{ record.link }}">{{ record.title }}</a></h3>
        <p>{{ record.teaser }}</p>
        <p><a href="{{ record.link }}">Read more</a>.</p>  
    </div>
{% else %}
    <div class="quarter">
        <h3><a href="{{ record.link }}">{{ record.title }}</a></h3>
        <p>{{ record.teaser }}</p>
        <p><a href="{{ record.link }}">Read more</a>.</p>  
    </div>
{% endif %}
{% endfor %}

テンプレートを編集して目的を達成する方法はありますか? 本当にありがとう。

4

2 に答える 2

1

小枝がループで使用するloop.indexor変数を使用できますloop.index0

{% setcontent records = "entries/latest/4" %}
{% for record in records %}
    {% if loop.index is odd %}
        <div class="quarter">
            {{ loop.index }} odd stuff
        </div>
    {% else %}
        <div class="quarter alt">
            {{ loop.index }} even stuff
        </div>
    {% endif %}
{% endfor %}

詳細については、 http ://twig.sensiolabs.org/doc/tags/for.htmlおよびhttp://twig.sensiolabs.org/doc/tests/odd.htmlをご覧ください。

于 2014-10-17T11:56:28.757 に答える