Die wichtigsten Timber Befehle (TWIG für WordPress)

Mit Hilfe des Plugins Timber kann man die bekannte Template Engine TWIG auch unter WordPress nutzen. Nachfolgend sind einige wichtige Code-Beispiele für Timber aufgelistet.

Custom Post Type abfragen

$args = array (
    'post_type'              => array( 'mycpt' ),
    'post_status'            => array( 'publish' ),
    'order'                  => 'ASC',
    'orderby'                => 'menu_order',
);

// The Query
$query = new WP_Query( $args );

$context = Timber::get_context();
$context['mycpts'] = Timber::get_posts($query);
return Timber::compile('twig/my_template.twig', $context);

Rendering

Gerenderten Inhalt ausgeben:

Timber::render('twig/my_template.twig', $context);

Gerenderten Inhalt zurückerhalten:

Timber::compile('twig/my_template.twig', $context);

Loop

Ein Beispiel-Loop sieht wie folgt aus:

<ul>
    {% for post in posts %}
        <li><a href="{{ post.permalink }}">{{ post.title }}</a></li>
    {% else %}
        <li>Sorry, no posts matched your criteria</li>
    {% endfor %}
</ul>

Variablen

Variablen können in TWIG wie folgt genutzt werden:

{% set foo = 'bar' %}

AdvancedCustomFields nutzen

Normales Feld:

{{post.get_field('my_wysiwyg_field')}}

Repeater-Feld:

<h2>{{post.title}}</h2>
<div class="my-list">
    {% for item in post.get_field('my_repeater') %}
        <div class="item">
            <h4>{{item.name}}</h4>
            <h6>{{item.info}}</h6>
            <img src="{{TimberImage(item.picture).src}}" />
        </div>
    {% endfor %}
</div>

Debugging

Use the dump() function to get debug informations for an object:

{{dump(post)}}

Schreibe einen Kommentar