MikeShaw217

This plugin provides a simple way for you to use the <a href="http://twig.sensiolabs.org/" rel="nofollow ugc">Twig templating engine</a> with <a href="https://wordpress.org/" rel="ugc">WordPress</a> themes. A problem with WordPress themes is that it is very easy to create templates that are a mess of PHP and HTML. This isn’t good for working with neither does it provide a separation of concerns. The <a href="http://twig.sensiolabs.org/" rel="nofollow ugc">Twig templating engine</a> is a great engine that allows you to separate out getting & manipulating your data and rendering it out. You create your themes in the same way as before, only you render a template instead of using PHP within your page structure.
The Installation section provides the steps to using this plugin with your theme.
In the Other Notes section, there is an easy reference for the different functions/filters and what they can be used for.
For Twig, the <a href="http://twig.sensiolabs.org/documentation" rel="nofollow ugc">Twig documentation</a> is the best resource I can offer. It is extremely well documented.
<h3>Functions and Filters</h3>

<h4>Functions</h4>

<pre><code>twigpress_render_twig_template($vals = array(), $template = false, $echo = true)
</code></pre>
Calling this function renders a <code>$template</code> with the values passed in <code>$vals</code>. You can also choose a specific template to render and whether you would like to echo the template or simply return it.
There is no need to explicitly set the <code>$template</code> name. If this is left to the default, the plugin will look for a template with the same name as the PHP file being rendered (with a ‘.twig’ extension). For example, if <code>front-page.php</code> is being rendered the plugin will attempt to find <code>front-page.twig</code>.
If you wish to simply return the rendered template, set <code>$echo</code> to <code>false</code>.

<pre><code>twigpress_get_the_content()
</code></pre>
Use this function to get the content for the post you are dealing with. If you use <code>get_the_content</code>, WordPress returns the unformatted content and the <code>the_content</code> filter is not applied. <code>twigpress_get_the_content()</code> takes care of both of these tasks.

<h4>Filters</h4>

<pre><code>twigpress_twig_site_variables
</code></pre>
This filter is applied when the plugin is instantiated, on the ‘init’ action, and allows you to alter the array of variables that are passed to the Twig environment when it is first created. As such, these variables are available to all templates. This filter is best suited for site-wide information. For post-specific variables, use the <code>twigpress_twig_post_template_vars</code> filter.
Defaults:
<pre><code>'site' => array(
 'lang_attributes' => get_bloginfo('language'),
 'charset' => get_bloginfo('charset'),
 'url' => get_bloginfo('url'),
 'stylesheet_directory' => get_stylesheet_directory_uri(),
 'title' => get_bloginfo('name'),
 'description' => get_bloginfo('description')
)
</code></pre>
In templates these would be accessible through, for example, <code>{{ site.stylesheet_directory }}</code>.

<pre><code>twigpress_twig_global_functions
</code></pre>
There will be times when you need to use PHP functions in your templates, and there is no way to capture their content to pass to the template when it is rendered. This filter gives you access to the array of functions that are added to the Twig environment, making them available for calling in your templates.
Defaults: <code>wp_head()</code>, <code>wp_footer()</code>, <code>wp_title()</code>, <code>body_class()</code>, <code>wp_nav_menu()</code>

<pre><code>twigpress_twig_post_template_vars
</code></pre>
This filter is applied to your passed array of <code>$vars</code> immediately before the template is rendered. This filter is ideal for when you have a set of default variables you wish to include in every template, but are related to posts not the entire site.

TwigPress

This plugin provides a simple way for you to use the Twig templating system within WordPress themes.

Niels de Blaauw

Find out which pages are slow, and why! Immediately see profiling information from twig in your <a href="https://wordpress.org/plugins/query-monitor/" rel="ugc">Query Monitor</a> toolbar.
The Twig profile extension for Query Monitor helps you notice which templates are used on a page and where the time rendering the page is spent.
Kind of like the <a href="https://wordpress.org/plugins/what-the-file/" rel="ugc">‘What the file’ plugin</a>, but for Twig and with timing information.
<ul>
<li>Support for dark mode.</li>
<li>Clickable links to profiled templates in your preferred editor.</li>
<li>Downloadable blackfire.io profiles.</li>
<li>History mode. Save profiles so you can see the impact of your changes.</li>
<li>Color scheme for dark and light modes meet WCAG AA accessibility standards, and all controls are keyboard accessible. </li>
<li>Automatically integrates with Timber.</li>
</ul>
<h3>Development</h3>
This open source tool is developed in a public <a href="https://github.com/NielsdeBlaauw/query-monitor-twig-profile" rel="nofollow ugc">GitHub repository</a>. If you have any feature requests, found an issue or want to contribute check out the repository.

Query monitor Twig profile

Displays Twig profiler output in Query Monitor.

TwigPress vs Query monitor Twig profile