Jon Christopher

<p>Template Map is a utility plugin designed to make the creation and management of navigation elements in your custom theme that much easier. It abstracts the need to hard code post IDs and the like from your global and header navigation systems (if you choose to not use Menus) for instance.</p>
<h4>For Example</h4>
<p>Many times you may use something like the following to build your main site navigation:</p>
<pre><code><nav>
  <ul>
    <li>
      <a href="<?php echo get_permalink( 83 ); ?>">About</a>
    </li>
  </ul>
</nav>
</code></pre>
<p>That works great during initial development, and continues to hold up when you migrate to production en masse for the first time. But what about when you’re making subsequent updates and the post IDs in your development environment are different than those in production? You could take the time to sync the databases each and every time, but that’s a bit overkill. Here’s where Template Map comes in to play:</p>
<pre><code><nav>
  <ul>
    <li>
      <?php $about_page_id = TemplateMap()->get_id_from_template( 'template-about.php' ); ?>
      <a href="<?php echo get_permalink( $about_page_id ); ?>">About</a>
    </li>
  </ul>
</nav>
</code></pre>
<p>Template Map allows you to <em>dynamically</em> retreive your desired post ID based on the Page Template you told it to use. Page Template filenames rarely (if ever) change, so it’s the core concept of Template Map’s implementation. Everything works backwards from here.</p>
<p>Naturally this philosophy assumes your Page Template is used only once, it’s important to keep that in mind. Modern client sites often use unique Page Templates for the ‘parent’ pages of each site section.</p>
<h4>Current Site Section</h4>
<p>Template Map also makes it easier to determine whether the current page is within a site ‘section’ which is defined as a top level Page with a unique Page Template that has any number of child Pages and/or Custom Post Types within it. This is very useful when trying to set a ‘current’ state in your navigation, for example:</p>
<pre><code><nav>
  <ul>
    <li class="<?php if( TemplateMap()->maybe_in_section( 'template-about.php' ) ) : ?> current<?php endif; ?>">
      <?php $about_page_id = TemplateMap()->get_id_from_template( 'template-about.php' ); ?>
      <a href="<?php echo get_permalink( $about_page_id ); ?>">About</a>
    </li>
  </ul>
</nav>
</code></pre>
<p>Based on the same principle you can use this utility method to properly orient yourself when outputting conditional classes contingent on the current page being within a ‘secton’ on your site.</p>


Template Map

Automagic mapping of Page Templates to post IDs to facilitate better dynamic link generation

StudioPress

WP Engine

Ryan Kienstra

rheinardkorf

Luke Carbis

stino11

<p>Genesis Custom Blocks provides WordPress developers with the tools they need to take control of the block-first reality of modern WordPress.</p>
<p>The WordPress block editor (AKA Gutenberg) opens up a whole new world for the way we build pages, posts, and websites with WordPress. Genesis Custom Blocks makes it easy to harness this and build custom blocks the way you want them to be built. Whether you want to implement a custom design, deliver unique functionality, or even remove your dependence on other plugins, Genesis Custom Blocks equips you with the tools you need to hit “Publish” sooner.</p>
<p><strong>Take control of design</strong> – Implement beautiful, custom designs with fine-tuned front-end templating control.</p>
<p><strong>Build unique functionality</strong> – Build blocks that function and behave exactly as you need.</p>
<p><strong>Extend & Integrate</strong> – Easily extend your custom blocks to integrate with third-party apps and plugins.</p>
<h3>Features</h3>
<h3>A Familiar Experience</h3>
<p>Work within the WordPress admin with an interface you already know.</p>
<h3>Block Fields</h3>
<p>Add from a growing list of available fields to your custom blocks.</p>
<h3>Simple Templating</h3>
<p>Let the plugin do the heavy lifting so you can use the built-in editor, or familiar WordPress development practices to build block templates.</p>
<h3>Developer Friendly Functions</h3>
<p>As an alternative to the built-in editor, there are simple functions, ready to render and work with the data stored through your custom block fields.</p>
<h3>Currently available block fields</h3>
<ul>
<li>Inner Blocks Field</li>
<li>File Field</li>
<li>Text Field</li>
<li>Image Field</li>
<li>URL Field</li>
<li>Toggle Field</li>
<li>Textarea Field</li>
<li>Select Field</li>
<li>Range Field</li>
<li>Radio Field</li>
<li>Number Field</li>
<li>Multi-select Field</li>
<li>Email Field</li>
<li>Color Field</li>
<li>Checkbox Field</li>
</ul>
<h3>Do more with Genesis Pro</h3>
<p>For those wanting to level-up with Genesis Custom Blocks, a Genesis Pro subscription brings some serious power-user features:</p>
<h3>Genesis Custom Blocks Pro Features</h3>
<ul>
<li>Repeater Field</li>
<li>Taxonomy Field</li>
<li>Post Field</li>
<li>User Field</li>
<li>Rich Text Field</li>
<li>Classic Text Field</li>
<li>Block Level Import/Export</li>
<li>24/7 Support</li>
</ul>
<p>Genesis Pro includes even more value for modern WordPress content creators, marketers, and developers. <a href="https://www.studiopress.com/genesis-pro/" rel="nofollow ugc">Learn more about Genesis Pro here</a>.</p>
<h3>Developer docs you can rely on.</h3>
<p>Developer tools are only as good as their docs. That’s why we take them seriously. Here are a few links to get you started:</p>
<ul>
<li><a href="https://developer.wpengine.com/genesis-custom-blocks/get-started/" rel="nofollow ugc">Getting Started</a></li>
<li><a href="https://developer.wpengine.com/genesis-custom-blocks/faqs/" rel="nofollow ugc">FAQs</a></li>
<li><a href="https://developer.wpengine.com/genesis-custom-blocks/fields/" rel="nofollow ugc">Block Fields</a></li>
<li><a href="https://developer.wpengine.com/genesis-custom-blocks/functions/" rel="nofollow ugc">PHP Functions</a></li>
</ul>
<h3>Links</h3>
<ul>
<li><a href="https://wordpress.org/plugins/genesis-custom-blocks" rel="ugc">WordPress.org</a></li>
<li><a href="https://github.com/studiopress/genesis-custom-blocks" rel="nofollow ugc">GitHub</a></li>
<li><a href="https://developer.wpengine.com/genesis-custom-blocks" rel="nofollow ugc">Documentation</a></li>
</ul>


Genesis Custom Blocks

This plugin makes it very easy to create custom blocks for use in WordPress themes. Thanks for the free plugin. 

Template Map vs Genesis Custom Blocks