For Loop: Posts und Pages mit Kategoriennamen ausgeben
»Flat design vector concept« von Shutterstock

For Loop: Posts und Pages mit Kategoriennamen ausgeben

Code-Schnipsel, um Beiträge mit Kategoriennamen auszugeben.

Den Kategoriennamen eines Beitrages gibt man mit {{ post.categories }} aus. Da ein Beitrag auch in mehreren Kategorien einsortiert werden kann, schnappt sich im unteren Beispiel der Parameter first lediglich die erste Kategorie. Anschließend verwandelt der zweite Parameter capitalize den Kategoriennamen so um, dass der erste Buchstabe der Kategorie großgeschrieben wird. Der Befehl sieht dann so aus: {{ post.categories | first | capitalize }}

Die komplette For-Loop mit Ausgabe der Kategorie

<ul class="disc">
    {% for post in site.posts %}
    <li>
        <span class="category-name">{{ post.categories | first | capitalize }}</span>
        <a href="{{ site.url}}/{{ post.url }}">{{ post.title }}</a>
    </li>
    {% endfor %}
</ul>