dweipert

<h3>Features</h3>
<ul>
<li>adds a metabox to configurable Post-Types to create and edit Twig templates</li>
<li>adds Twig support to the WP Theme & Plugin editors
<ul>
<li>you can even customize the CodeMirror theme</li>
</ul>
</li>
</ul>
<h3>Plugin Dependencies</h3>
<ul>
<li>https://wordpress.org/plugins/timber-library/</li>
<li>https://wordpress.org/plugins/classic-editor/</li>
</ul>
<h3>How to use the MetaBox Feature</h3>
<p>The plugin uses the path defined in <code>Timber::$locations</code> as the templates path or falls back to the uploads folder if none is provided.</p>
<p>Either adjust your <code>Timber::render('page.twig', $context)</code>-functions like this:</p>
<pre><code>$filenames = [TimberEditor::getTemplateFilename(), 'page.twig'];
Timber::render($filenames, $context);
</code></pre>
<p>like this</p>
<pre><code>TimberEditor::render('page.twig', $context);
# 'page.twig' serves as a fallback if the current posts's template doesn't exist
</code></pre>
<p>or like this</p>
<pre><code>TimberEditor::renderPost('page.twig', $context);
# renderPost() automatically adds ['post' => new Timber\Post()] to the $context
</code></pre>


Editor for Timber

Page, Theme & Plugin Editor Extension for Timber http://www.upstatement.com/timber/

Niels de Blaauw

<p>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.</p>
<p>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.</p>
<p>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.</p>
<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>
<p>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.</p>


Query monitor Twig profile

Displays Twig profiler output in Query Monitor.

Editor for Timber vs Query monitor Twig profile