Wednesday, May 18th, 2022

New! Design your site your way with Kadence theme building tools

If you’ve ever built a WordPress site and found yourself frustrated with customizing fixed content areas, Cadence Theme introduces a new way to accomplish theme creation and custom templates.

The possibilities for customizing your WordPress site with Kadence Elements Templates are truly endless. And whether you’re a developer or a beginner, it’s easy to get started with the full power of the Kadence theme.

In this post, we’ll unpack Kadence Elements Templates, how to get started, and some tips for using all the power of these theme-building tools.

What are Cadence Elements Templates?

In WordPress, content areas are usually immovable on and off unless you know how to get into the code and customize your site for your specific needs. Elements of the Kadence theme are templates A no-code method of displaying content the way you want it to be displayed.

Cadence Elements templates let you Theme-building functionality so you have fine-grained control over the performance of your content on your site, Even if your site is locked to a certain way of displaying content, the Kadence Elements template unlocks your content and gives you the key to choose how the content is displayed. It unlocks incredible power for you as a site developer or designer.

The Kadence Elements Templates features help site owners create themes that dynamically show content based on a number of parameters, all found within Kadence Elements. Kadence Elements has been available for a while, but with this recent update, you can now find these new theme-building tools under “Templates”.

Use Cases for Example Kadence Elements Templates

The sky is really the limit when you combine Kadence Elements Templates settings to customize the experience on your website!

Here are some example use cases for Kadence Elements Templates:

  • Creating a custom blog layout.
  • Customizing an individual blog post or category view.
  • Customizing the collection of a custom post type.
  • Styling individual posts in a custom post type.
  • Creating a custom page title/hero area

The Kadence Elements template is the best, no-code required way to create these unique experiences that improve your WordPress site’s ability to convert site visitors into site customers.

Video Overview of Theme Building with Rhythm Elements Templates

The in-depth video below walks you through theme building with the Cadence Elements template.

Getting started with Cadence Elements template and theme building

Let’s see how to get started with theme building and Cadence Elements templates.

1. Install and activate Kadence Pro plugin. This plugin adds all the Pro features to the Kadence theme, including Kadence Elements Templates. Still need your license? Get Cadence Theme Pro here. Once you have installed and activated it, be sure to license the plugin.

2. From Appearance > Rhythm Menu, Turn on hooked elements.

3. Once enabled, you will see a new “Elements” menu item under Kadence in the left-hand navigation menu. Begin creating cadence elements by either clicking the “Customize” link or navigating to the Elements link on the sidebar Appearance > Rhythm > Elements,

On this page, you will see Templates Tab, This tab will populate after we’ve created our first template.

create a template element

Creating a template with Kadence Elements is simple. Let’s get started with creating a template.

4. Click “Add New” at the top of the Elements Dashboard To start creating a new rhythm element.

5. In the modal window that appears, choose template option,

6. Once we start creating a new element, the page works like creating a WordPress page or post.

Note that next to the Kadence logo is a button in the upper right that will highlight the Kadence Element settings. Upon starting a new element, you will immediately see the Cadence element settings. But as soon as you create your template, you can see that they are hidden. This button brings the element settings back to the right sidebar.

Let’s review some common settings for Kadence Elements Templates.

preview settings

There’s a new area in Kadence Elements that allows you to set preview settings, so you can see more precisely what your template might look like.

Since the area where your template element will reside will probably be different from the view in the wp-admin editor, you can set the container setting for your preview within the editor using the template preview settings. Either set the width using the slider or set the pixel width for your preview.

Placement Settings

Placement settings within Kadence Elements Templates let the site owner determine where on the site the element can be placed. Set a priority for elements that can be shown in one place. An element with a higher priority is attached to the same location as another element that will appear below or after a lower priority in the HTML output.

You can set your template to replace common areas of your site, including:

  • change header
  • Change above content hero
  • Change single post content
  • Archive Loop Change Item Contents
  • change sidebar
  • change footer
  • Change 404 page content

Used with any (or all) of the other Kadence template settings, you can get very creative with how you display your Kadence Elements template, creating a very dynamic experience for your users.

For example, if you want to change the header on a blog page, choose “Change Header” for your placement setting, then select “Blog Page” under Display Settings. Get even more creative by choosing whether you only want it to appear on tablets under Device Settings and Only for Specific Users under User Settings, and you’ve got a customized template specific to a precise position on your WordPress site.

display settings

Display settings can be set to display on specific parts of your site, or to exclude from specific parts of your site, and you can be as detailed as you want with your settings here. If you have WooCommerce installed, or even Events Calendar, these specific plugins’ custom post types are also open to display settings in Kadence Templates.

Show or Exclude can be set to:

  • full site
  • front page
  • blog page
  • Search result
  • not found (404)
  • all singular
  • all archives
  • Author Archives
  • date archives
  • endorsed
  • single post
  • Category Archives
  • Tag Archives
  • single page
  • any custom post type

user settings

User settings can be set by any user role you have set up on your site. For example, you can choose to show logged in users, logged out users, or any user roles you have.

You can add rules so that you can show your template to administrators and shop managers, for example, by adding rules. Of course, keep in mind that if you’re limiting the Kadence Elements template to show a specific user role, that user must be logged into your site to view it.

device settings

To add devices to your cardense template, choose which devices you want to apply your template to, desktop, tablet, or mobile device. If it is not set, your template will be visible to all devices.

finish setting

First, turn on the Expires settings. Then, choose a date in the future when you want your template to no longer display. Useful for Expires When you’re running a sale and want it to automatically expire at a certain time, the Expires setting won’t be used unless it’s set. Ho.

Get started theme building with Cadence Elements templates – on sale now!

Start customizing your WordPress installation with Kadence Elements Templates now and save! From now until December 31, 2021, Kadence is running a 25% off holiday sale on all annual plans including our Kadence Essential and Kadence Full Bundles. You can also add Kadence Theme Pro, Kadence Blocks Pro and more to our WordPress web designer toolkit.

To gain access to Kadence Elements templates, be sure to update to Kadence Pro plugin version 1.0.4 and Kadence Blocks Pro version 1.5.8. Current members of the WordPress Web Designer Toolkit (and agency bundle) will find the update available as a download from your WordPress dashboard (for licensed sites) or from your iThemes member panel.

What are Cadence Blocks

Source link