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

codesupplyco

<p>Canvas is a powerful, feature-rich block-based page builder that revolutionizes how you create content in WordPress. Built to seamlessly integrate with the WordPress block editor, Canvas enhances your creative workflow with an exceptional combination of advanced functionality and intuitive design.</p>
<p><strong>Key Features:</strong></p>
<ul>
<li><strong>Diverse Block Collection</strong> – From basic elements to complex layouts, Canvas provides all the building blocks you need: Alert, Progress, Tabs, Collapsibles, Section Headings, and many more.</li>
<li><strong>Flexible Layout System</strong> – Create responsive grid-based layouts with Row and Column blocks, complete with adjustable widths, gaps, and responsive controls.</li>
<li><strong>Rich Media Galleries</strong> – Present your visual content beautifully with Justified Gallery and Slider Gallery blocks with extensive customization options.</li>
<li><strong>Advanced Posts Display</strong> – Showcase your content in various layouts with powerful query controls including filtering by categories, tags, and post types.</li>
<li><strong>Responsive Design Controls</strong> – Ensure your content looks great on all devices with device-specific visibility and styling options.</li>
<li><strong>Styling Flexibility</strong> – Add sophisticated styling with controls for spacing, borders, colors, and more.</li>
<li><strong>Custom Block Extensions</strong> – Extend core WordPress blocks with additional functionality and styling options.</li>
</ul>
<p>Canvas empowers both developers and content creators to build sophisticated, responsive layouts without writing code. Whether you’re creating blog posts, landing pages, or complex website layouts, Canvas provides the tools you need for professional results with minimal effort.</p>
<p>Designed with performance in mind, Canvas generates clean, optimized code that won’t slow down your website, ensuring a smooth user experience for your visitors.</p>
<p>Experience the perfect balance of power and simplicity with Canvas – where exceptional design meets unlimited creative freedom.</p>


Canvas

A wonderful plugin, can add any settings via PHP, no need to learn the react.js.

Best Custom Gutenberg Blocks Plugin


impossible to deactivate unused options, which destroys the pagespeed score


Poor

A revolutionary block-based page builder used for building layouts, an interplay of the WordPress block editor features and exceptional UI design.

Template Map vs Canvas