I have been an avid Divi user for a long time. I love Divi even today for the fact that the layout and construction of websites are extremely easy and using it is like having a cup of cake. Divi has grown to a different level. However, there are certain irritating look and feel that I did not like when I started using it more and more.

Divi does not have the right materialistic components when it comes to the designing part of the website, like Buttons, Cards, Call to action, Accordion, Tabs, Headers, etc. Don’t get me wrong here, Divi components are fabulous in their own way, but they don’t look like material components used by Google.

Assume that there is a theme that is free in addition to having comprising material components. That is what is Kadence theme is all about along with Kadence blocks.

What is Kadence Theme?

As you would be aware by now about WordPress themes. If not, you can read this section, or else you can go ahead to the next section.

WordPress is a Content Management System using which a non-developer can create a website without needing to know even CSS. There are two main features of WordPress in the form of Plugins and Themes. While the Plugins improve the functionality of the website, the themes will provide WordPress with different kinds of look and feel.

The themes are a set of PHP, CSS, Javascript files added together to create a package that makes it to the look and feel of the website. A lot of customization within this theme is possible using the dynamic PHP and Javascript files.

One among such themes is Kadence Theme. This set of files will enable you to do wonders by not compromising on the speed of the site, providing tons of options to customize them easily. We will have a look at the features that the Kadence theme has to offer.

Header Customization

Starting from top to bottom, the first thing that any website developer would want is flexibility in the header or navigation section. You will be spellbound to see the extent to which the header or navigation bar can be customized.

Starting from supporting the responsiveness, it will fit into any width adjusting itself to the size of the screen. Apart from that, be it the responsive menu or the searching and cart option that it makes visible in the menu out of the box, everything is supportive to each other.

You will get a sticky header on small, medium, and large screens. These are not available in most of the popular free themes.

Layout

There are three kinds of layouts for the three types of Posts that are available in WordPress. Each of them allows us to customize the respective type.

Page Layout

We can customize the title, container width, alignment, and height along with the elements that are shown with it.

We can have five types of page layouts with and without sidebar, selecting the widget to display.

The content style can either be boxed or unboxed with the vertical padding enabled or disabled.

Post Layout

There are two options; one for Single Posts and the other for Archives. Each of these has options similar to that of the page layout, the difference being the content style where the options of having the posts displayed together are enabled, called Archive Style.

Search Results

Similar to the previous two, page layouts, enables the layout style for search pages. When you enter a keyword in the search bar of the web portal, the results are shown in a certain way. This certain way can be customized using the options provided in this part of the section.

Otherwise, you can change everything that you did with the posts. Its all the same.

Footer Customization

Similar to how we tried customizing the header, there are options to customize the footer. We can position widgets, navigation, social media links, and copyright at different designated places and make the footer look professional.

Widgets

There are major options in the widget area to drag and drop the available widgets.

  • 2 Sidebars
  • 6 Footers

General Options

Apart from the points mentioned above, there are several other features out of which some are:

  1. The width of the website can be customized
  2. Top and bottom spacing can be adjusted
  3. Spacing between Post-boxes can be customized
  4. Spacing between Grid-boxes can vary
  5. The size of the sidebar is customizable
  6. Spacing between Widgets is possible
  7. The sticky sidebar can be easily enabled
  8. Custom colors right from site background to each title and other texts are easily configurable
  9. Custom design for buttons is as easy as adding and changing the caption
  10. Different fonts at different places based on the requirement
  11. Scroll to the top button for easily going back to the top
  12. Styling for 404 page at times when needed
  13. Enabling and disabling bread crumbs
  14. Adding exhaustive social links with icons of different types
  15. Working on performance issues right out of the box, like:
  • Scroll to ID
  • Lightbox
  • Google Fonts Local Load
  • Preloading local fonts
  • Enabling CSS Preload

With so many features, let us move ahead to some more features that the KadenceWP team offers their users with this bonus that too for free.

Kadence Blocks

Kadence Blocks are nothing but blocks that are supported by Gutenberg. Gutenberg assists in editing pages by creating placeholders where we can add a number of blocks or create our own blocks.

One such set of blocks is by default provided by installing Kadence Blocks in the form of a plugin, hence the name Kadence Blocks.

There are several basic options using which we can create an extremely attractive website ourselves. If we are not very much used to creating it on our own, there is always an option to create it using the starter templates that the theme offers.

There are currently 12 beautifully created starter templates built using Kadence Blocks and Gutenberg. These can automatically be imported, either to a Full Site or a Single Page.

This brings down the effort in creating the pages and gives us an opportunity to customize. Here is how the 12 themes look like:

Selecting the look and feel you like imports either all the pages from that particular package or just the home page based on your requirement.

Based on my experience, if you are a first-time user of Kadence Blocks, it is better to import from the starters package for the first time instead of creating on your own.

Once you import, either you can customize or leave it as is. Either way, it is better to check the blocks that got imported from the starter template. You can create on your own on the next website that you would want to.

As an example, we will consider importing the first template from the images sent as a screenshot. You just have to select the template you are interested in and click on it. From there it will automatically do the job. After some time, you can check your home page to have the template imported rightly.

If you edit the home page where the Kadence Starter is imported, you can see the blocks for yourself.

Examine Kadence Blocks

Kadence Blocks are not too easy to begin the construction all by yourself initially. It needs the practice to construct. Check out the below blocks that come with Kadence Blocks in alphabetical order.

Accordion

Inside the Accordion

Inside the Accordion

Advanced Button

Advanced Gallery

Advanced Heading

An Advanced Heading Sample

Form

Icon

Icon List

  • Icon List 1
  • Icon List 2
  • Icon List 3

Info Box

Row Layout

para graph

Spacer/Divider


Table of Contents

Tabs

Tab1

Tab2

Tab3

Testimonials

From above, you would have already gotten an idea as to how the blocks work. They are pretty easy to use unless you want to arrive at something unique, like the starter templates that are used. But all in all Kadence Theme combined with Kadence Blocks with the starter templates will create incredibly amazing websites.

Leave a Reply

Your email address will not be published. Required fields are marked *