Curious about TWIG? Lightning talk Peter Shackelford @pixelplow 

Twig the flexible, fast, and secure template engine for PHP 

This is a lightning talk for more check out: Timber: upstatement.com/timber/ github.com/jarednova/timber/wiki and TWIG: twig.sensiolabs.org 

have_posts() ) : ?> have_posts() ) : $the_query->the_post(); ?>

$args = array( 'numberposts' => 3, 'post_type' => 'post', ); Ye olde standard loop 

In the next 15 minutes: Syntax Routing/Controller Template inheritance 

Logic View HTML WP_Query Conditionals Routing .php .twig WP template hierarchy or function.php themename/views 

Twig defines three types of special syntax: {{ ... }} {% ... %} {# ... #} 

{{ ... }} "Says something": prints a variable or the result of an expression to the template. 

{{ post.title }}

{{ post.content }} 

{% ... %} "Does something": a tag that controls the logic of the template; it is used to execute statements such as for-loops and if statements. 

{% if not loop.last %} →Stuff happens here {% endif %} {% for post in posts if post.has_term('dairy') %}

This product contains cow water.

{% else %}

I am dairy free!

{% endfor %} 

{# ... #} "Comment something": it's the equivalent of the PHP /* comment */ syntax The content of the comments isn't included in the rendered pages. 

Twig also contains 31+ filters, which modify content before being rendered. The following makes the title variable all uppercase before rendering it: {{ title|upper } The slice filter extracts a slice of a sequence, a mapping, or a string. This returns the first four posts: {{ posts|slice(0,3) }} 

{# Get first two posts in array, print title in title case, if there is a subtitle print the subtitle #} {% for post in posts|slice(0,1) %}

{{ post.title|title }}

{% if post.subtitle %} {{ post.subtitle }} {%endif%} {% endfor %} 

Controller/Routing: - defines what - how many - where Using WP_Query + Twig 

Logic View HTML WP_Query Conditionals Routing .php .twig WP template hierarchy or function.php themename/views can be configured 

index.php // Get standard theme and WP info $context = Timber::get_context(); //Get posts + args $args = array( 'numberposts' => 3, 'post_type' => 'post', ); $context['posts'] =Timber::get_posts($args); //Twig file that will render the data Timber::render('index.twig', $context); 

have_posts() ) : ?> have_posts() ) : $the_query->the_post(); ?>

IN CONTROLLER: PHP IN TWIG FILE: TWIG $args = array( 'numberposts' => 3, 'post_type' => 'post', ); $context['posts'] = Timber::get_posts($args); {% for post in posts %}

{{ post.title }}

{% endfor %} 

Template inheritance 

BASE LAYOUT COMPONENT 

The extends tag can be used to extend a template from another one. {% extends 'component.twig' %} 

Blocks are used for inheritance and act as placeholders and replacements at the same time. {% block title %} {% endblock title %} 

When a template uses inheritance, it's possible to render the contents of the parent block when overriding a block by using the parent function {{ parent() }} Great for prepending or appending to an existing block. 

component.twig {# A component twig with a thing block and a boondoggle block #} {% block thing %}

This is a great big {{ thing }}.

{% endblock thing %} {% block boondoggle %}

Come get your {{ thing }}.

{% endblock boondoggle %} 

component-copyright.twig {# gets component twig and appends copyright and date after thing block #} {% extends 'component.twig'%} {% block thing %} {{ parent() }}

copyright {{ "now"|date("Y") }}

{% endblock thing %} 

base.twig {{ function( 'get_header' ) }} {{ function( 'get_footer' ) }} 

main-sidebar.twig {% extends 'base.twig' %} {% block content%} {% embed "article.twig"%} {% endembed "article.twig"%} {% embed "sidebar.twig"%} {% block author%} {% endblock author%} {% endembed "sidebar.twig"%} {% endblock content%} 

http://twig.sensiolabs.org/ https://wordpress.org/plugins/timber-library/ http://github.com/jarednova/timber/wiki http://wordpress.org/plugins/debug-bar-timber http://www.slideshare.net/javier.eguiluz/twig-tips-and- tricks http://notlaura.com/the-twig-for-timber-cheatsheet http://hugogiraudel.com/2013/11/12/themes-layouts- twig/