Der Loop Counter index.loop in Twig Templates - Pico CMS

Der aktuelle Index des Pico Loops kann für die Steuerung unterschiedlicher Formate abgefragt werden, nutzen Sie das Tag loop.index der Twig Template Engine.

WordPress 5

WordPress 5 - Erstellen Sie einen Blog oder eine Website - Mit WordPress können Sie ohne Programmierkenntnisse ein Blog oder eine responsive Website erstellen. In diesem Buch lernen Sie alles, was erforderlich ist. Praxisszenarien für typische Einsatzzwecke unterstützen Sie. Der Rohling steht, nun folgt der Feinschliff - Mithilfe von SEO, Online-Marketing und gutem Content bringen Sie Ihr Projekt auf Kurs. (*

kaufen...

Wollten Sie im Pico Loop an festgelegten Stellen eine Formatänderung erfügen, dann können Sie den loop.index nutzen, um den aktuellen Counter des Loops zu ermitteln.

{% for page in pages(page.id, depth=0)|slice(0,6) %}

    {% if loop.index == '1' or loop.index == '4' %}
        <div class="row mt-4">
    {% endif %}
    ...
    ...
    {% if loop.index == '3' or loop.index == '6' %}
        </div>
    {% endif %}

{% endfor %}

Das Codebeispiel oben öffnet einen Kontainer der Klasse ROW am 1. und 4. Post, die im Bootstrap CSS eine neue Zeile erzeugt und nach je Post 3 und 6 wird der Kontainer jeweils geschlossen. Als Resultat entsteht eine dreispaltige Ansicht mit zwei Zeilen.


Tags:
Datum: 30.11.2021
Autor: Oliver Lohse
WordPress Easy - Redaktion

About me

Mein Name ist Oliver Lohse. Ich bin diplomierter Wirtschafts-Informatiker und Organisations-Programmierer in verschiedenen Programmier-Sprachen und Markup-Dialekten, z.B. Java, JEE, COBOL, PHP, Python, MySQL, HTML, CSS, ANSI C, Lisp, Rexx, JavaScript, Scheme, ActionScript 2.0, Maschinensprache, Assembler und JCL. Seit mehr als 24 Jahren arbeite ich als Entwickler in einem großen Softwareunternehmen für Versicherungen in Hannover Niedersachsen und seit etwa 37 Jahren im EDV-Sektor mit wechselnden Aufgaben.