Custom key bindings and command palette in Nimbus Note
Tutorials

Custom key bindings and command palette in Nimbus Note

Nimbus Note, a good alternative to Evernote is currently on sale in Appsumo. I have been using Nimbus Note’s Mac app regularly for the last week and noticed a number of things that either I didn’t like or could be improved productivity-wise. For example, there is no built-in keyboard shortcut (⌘+,) to bring up the…

Displaying Page Excerpts below Titles in Kadence
Tutorials

Displaying Page Excerpts below Titles in Kadence

This tutorial provides the steps to show excerpts below the titles for static Pages using the Hooked Elements addon of Kadence Pro. We shall register a custom shortcode that returns the excerpt and add this shortcode inside an element hooked to the correct location. Step 1 Install and activate Code Snippets plugin. Add a new…

Collapsible Fixed Element in Kadence
Tutorials

Collapsible Fixed Element in Kadence

Kadence recently introduced fixed-type of hooked elements allowing us to position Gutenberg-built block content in a fixed (always in view) position with various placement options like fixed on top, fixed on bottom, fixed top after scroll. This article shows how we can use a Kadence fixed element to set up a panel positioned at the…

Featured Image as Page Title Background in Kadence
Tutorials

Featured Image as Page Title Background in Kadence

Looking to set the URL of featured image as the background image URL for Page Titles in Kadence? Pages that do not have a featured image continue to use/show the image set in the Customizer. Follow these steps: Step 1 Install and activate Code Snippets plugin. Go to Snippets > Add New. Title: Add custom…

Page Titles in Kadence
Tutorials

Page Titles in Kadence

Kadence makes it easy to have the titles appear overlayed on top of a background image (or color or gradient) for all the Pages. Here is how we can set this up. In the Customizer > Page Layout enable Show Page Title? Ensure that Page Title Layout is set to ABOVE CONTENT. This will enable…

How to show a widget area using a Hooked Element in Kadence
Tutorials

How to show a widget area using a Hooked Element in Kadence

This tutorial provides the steps to register a custom [widget_area] shortcode so it can be used anywhere shortcodes are accepted in WordPress including in Kadence Elements. This can be used, for example, to show the widgets placed in Sidebar 2 widget area (sidebar) below the site header. Using the shortcode: Simply calling the shortcode without…

Masonry Layout for Facebook
Tutorials

Masonry Layout for Facebook

Facebook is changing the years-old and familiar layout and design to a new one that is more app-like. If and when your account gets the new Facebook.com design it is going to look something like this: It takes a lot of scrolling to view the topics. In this article, I show how we can add…

Custom Fonts in WordPress
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…