Tutorials

Custom Fonts in WordPress

This tutorial provides the steps to set up and use custom fonts in WordPress. Step 1 Upload your font file (typically in .ttf or .otf format) at Font Squirrel to generate the webfont. Step 2 Extract the generated zip file and upload the .woff and .woff2 files to your child theme directory’s fonts directory. If…

Tutorials

Hooked Elements in Kadence

One of the features that Kadence Theme Pro adds to Kadence theme is called Hooked Elements which provides an interface to build an element using the WordPress Gutenberg editor and hook it to one of the several locations on your pages so it appears exactly where and when you want. A sample use case of…

Tutorials

Related Posts in Kadence

Kadence theme comes with a built-in Customizer setting for showing similar (related) posts on single posts. Let’s see how it actually works under the hood. /kadence/template-parts/content/single-entry.php has: i.e., if the current page is a singular post and if Customizer > Blog Posts > Single Post Layout > Show Related Posts is enabled, then load template-parts/content/entry_related.php….

Tutorials

Category Archive Template in Kadence Child Theme

This tutorial provides the steps to set up a category.php template file that applies to all category archives by using a Kadence child theme for Kadence. First, let us see how category archives are rendered when Kadence (the parent theme) is active. As per the WordPress template hierarchy, since there is no category.php present in…

Tutorials

Kadence Child Theme

Kadence is a highly customizable theme even for beginners and non-coders thanks to its rich and elaborate settings in the WordPress Customizer. For advanced users that want to make any changes in the theme files though it makes sense to use a child theme as the active theme since it allows for template overriding. The…