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

Gantry

<p>Gantry 5 is a comprehensive set of building blocks to enable the rapid development and realization of a design into a flexible and powerful web platform theme.</p>
<blockquote>
<p>Please visit http://gantry.org to download a FREE WordPress Gantry 5 default theme which can be used as a base for your own themes!</p>
</blockquote>
<p>Gantry 5 is packed full of features created to empower the development of designs into fully functional layouts with the absolute minimum effort and fuss.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/J9Vn9iwGpXs?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Responsive Layout System</h4>
<p>Gantry 5 uses the <strong>Nucleus</strong> grid system, built from scratch using Flexbox and tied in to the <strong>Layout Manager</strong> to generate classes.</p>
<h4>Cross-platform Support</h4>
<p>The new responsive Gantry 5 framework is available for <strong>WordPress 5.2+</strong>, <strong>Joomla 3.9+</strong> and <strong>Grav 1.7+</strong>.</p>
<h4>Intuitive YAML-driven Configuration</h4>
<p><a href="http://yaml.org/" rel="nofollow ugc">YAML</a> is a human-readable data serialization, making it easy to create and configure blueprints for back-end configuration options.</p>
<h4>Twig Templating</h4>
<p>Gantry 5 utilizes <a href="https://twig.symfony.com/doc/1.x/" rel="nofollow ugc">Twig</a> and <a href="http://upstatement.com/timber/" rel="nofollow ugc">Timber</a> to make creating powerful, dynamic themes quick and easy.</p>
<h4>New Administrative Interface</h4>
<p>Gantry 5’s administrative interface has been completely rebuilt from the ground up to meet the needs of tomorrow’s developer, today.</p>
<h4>Infinitely Customizable</h4>
<p>Gantry 5 is the most customizable and powerful version of the framework yet, featuring drag-and-drop customization controlling virtually every aspect of the site’s layout and design.</p>
<h4>New Particles System</h4>
<p>Gantry 5’s new Particles system makes it easy to create, configure, and manage content blocks. Create new Particles in minutes, adjust their settings at multiple levels from global down to the individual block, and more!</p>
<h4>Flexible and Easy Layout Manager</h4>
<p>Set up and configure page layouts with Gantry 5’s new Layout Manager. Featuring drag-and-drop functionality that gives you the power to place content blocks, resize them, and configure their unique settings in seconds. Load layout presets or duplicate the layout of another Outline with a click of the mouse, and customize virtually every aspect of the page layout without ever having to touch a text editor.</p>
<h4>No Programming Experience Necessary</h4>
<p>Adding and moving positions, resizing blocks, and more can be done with drag-and-drop simplicity in the new, powerful Layout Manager. Error pages and other areas of site design are also easily handled in Gantry 5’s administrative interface. You can change almost any aspect of a theme without breaking out a single editor.</p>
<h4>Powerful Menu Editor</h4>
<p>Change the way your site’s menus look with Gantry 5’s powerful Menu Editor. Quickly insert Particles, rearrange menu items, and add icons in seconds.</p>
<h4>New Outline System</h4>
<p>Theme overrides are now part of Gantry 5’s Outline system, enabling you to easily create and manage Layouts, Settings, Styles, and more and assign them as needed.</p>
<h4>Use SCSS or CSS</h4>
<p>Gantry 5 has built-in support for SCSS and pure CSS.</p>
<blockquote>
<p>For video tutorials and documentation please visit official <a href="http://gantry.org/" title="Gantry Framework" rel="nofollow ugc">Gantry Framework</a> site.</p>
</blockquote>


Gantry 5 Framework

Gantry is a comprehensive set of building blocks to enable the rapid development and realization of a design into a flexible and powerful web platform

Template Map vs Gantry 5 Framework