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/

Jeroen Schmit

<p>Make the <a href="https://wordpress.org/plugins/timber-library/" rel="ugc">Timber</a> plugin work with Jetpack’s Photon. Once installed, all TimberImages use Photon as a CDN and for image manipulation (eg. resize).</p>
<p><a href="http://jetpack.me/support/photon/" rel="nofollow ugc">Photon</a> is an image acceleration and modification service for Jetpack-connected WordPress sites. Converted images are cached automatically and served from the WordPress.com CDN. Photon is part of the Jetpack plugin and completely free.</p>
<h3>What does it do?</h3>
<p>Timber with Jetpack Photon extends the current TimberImage class to use Photon to serve and manipulate your images:</p>
<ul>
<li><code>{{post.thumbnail.src}}</code> returns a Photon URL</li>
<li><code>{{post.thumbnail.src|resize(100)}}</code> returns a Photon URL</li>
<li><code>{{post.thumbnail.src|resize(100,200)}}</code> returns a Photon URL</li>
</ul>
<p>A Photon URL looks like this:</p>
<p>//i0.wp.com/www.slimndap.com/wp-content/uploads/2014/05/slimndap.png</p>
<p>Requires the <a href="http://jarednova.github.io/timber/" rel="nofollow ugc">Timber plugin</a> by <a href="https://profiles.wordpress.org/jarednova/" rel="nofollow ugc">Jared Nova</a> and the Jetpack plugin with Photon activated.</p>
<p><strong>Contributors welcome</strong></p>
<ul>
<li>Submit a <a href="https://github.com/slimndap/TimberPhoton" rel="nofollow ugc">pull request on Github</a></li>
</ul>
<p><strong>Author</strong></p>
<ul>
<li><a href="http://slimndap.com" rel="nofollow ugc">Jeroen Schmit, Slim & Dapper</a></li>
</ul>


Timber with Jetpack Photon

Plug-in to use JetPack's free Photon image manipulation and CDN with Timber.

Editor for Timber vs Timber with Jetpack Photon