The Kadence Design Library is great for users working with WordPress, enabling you to quickly and efficiently construct beautiful pages and posts. By providing a broad range of pre-designed sections and page layouts, Kadence simplifies the design process, making it accessible for those without any coding knowledge. Each block can be customized to fit your unique style.
Navigating the Kadence Design Library within WordPress is simple. Once you've installed Kadence Blocks, you can access the library directly from your editing screen. It's as simple as clicking the Kadence Design Library icon and browsing through the available designs. You can search by categories or for specific elements. The user-friendly interface lets you preview and insert designs with ease, transforming the look of your site with just a few clicks.
Affiliate Disclosure: This post may contain affiliate links, which means I receive a small commission at no cost to you when you make a purchase. Please note that I only get affiliate links for products that I use.
Customization is at the heart of the Kadence Design Library, allowing you to tailor each design to meet your specific requirements. You can adjust text, tweak styles, and ensure that the design elements align seamlessly with your site's branding.
Understanding the Kadence Design Library
The Kadence Design Library provides a handy toolset for enhancing your WordPress site with pre-designed layouts and blocks.
Accessing the Design Library
To access the Design Library, first, locate the Kadence Design Library icon at the top of your WordPress editor toolbar. By clicking on this icon, you'll reveal the various blocks. Here, you can choose from a bunch of professionally crafted templates, ready to be inserted into your pages or posts with just a few clicks. Check the Kadence documentation for a detailed guide on this process.
The Variety of Available Layouts and Blocks
Within the Design Library, there's an expansive selection of layouts and blocks to explore. These range from prebuilt rows of content, known as Patterns, to comprehensive Page templates. You can browse by category or use the search function to pinpoint the design pattern that fits your needs. Each item in the library is designed to be flexible, allowing you to adjust text, styles, and other elements for a customized look.
Building Pages with Kadence Design Library Blocks
Kadence Blocks provide a way to create custom pages in WordPress by offering design tools that are both modular and easy to use. You can quickly layout pages with structured rows and columns, add text and image content, and enhance the user experience with interactive elements like tabs and accordions.
Choose a Hero Block
To begin constructing your page, start with a hero block. This is the featured image and text that land “above the fold” on a website.
This is an example of a hero block:
Briefly and concisely explain what you do for your audience.
Consider using this if you need to provide more context on why you do what you do. Be engaging. Focus on delivering value to your visitors.
Adding Text and Image Blocks
With your rows and columns in place, add text blocks to share content and image blocks to visually enhance your page. Text blocks within Kadence come with full typography controls for a custom look, while image blocks can be adjusted for size, alignment, and spacing.
Incorporating Tabs and Accordions
To present content compactly and efficiently, use tabs and accordions which condense large amounts of information into manageable sections. Tabs are ideal for categorizing content, whereas accordions are perfect for FAQs or step-by-step guides.
- Add a tab block to sort your content into accessible, navigable categories.
- Use accordion blocks to create expandable sections for details that don't require permanent page space.
This is an example of a tab block:
Add a single and succinct list item
Add context to your column. Help visitors understand the value they can get from your products and services.
Add a single and succinct list item
Add context to your column. Help visitors understand the value they can get from your products and services.
Add a single and succinct list item
Add context to your column. Help visitors understand the value they can get from your products and services.
Add a single and succinct list item
Add context to your column. Help visitors understand the value they can get from your products and services.
Add a single and succinct list item
Add context to your column. Help visitors understand the value they can get from your products and services.
Add a single and succinct list item
Add context to your column. Help visitors understand the value they can get from your products and services.
Add a single and succinct list item
Add context to your column. Help visitors understand the value they can get from your products and services.
Add a single and succinct list item
Add context to your column. Help visitors understand the value they can get from your products and services.
Add a single and succinct list item
Add context to your column. Help visitors understand the value they can get from your products and services.
Effortlessly Add Lists
Lists present information in an organized and accessible manner. Utilize Kadence Blocks to add and customize them. This is an example of a list from the Design Library:
Give your list item a title
Add a single and succinct list item
Give your list item a title
Add a single and succinct list item
Give your list item a title
Add a single and succinct list item
The list example shows how you achieve a custom look without all of the work to style the block.
Add a Featured Posts Block
Adding a featured posts block to your homepage helps your readers to navigate your site, and to find the information that they are searching for.
Here is an example of a featured posts block from my WP Designs custom library:
Kadence is a great lightweight and stable theme to use on your WordPress site. By taking advantage of the Kadence Design Library and the WP Designs library, you can easily build a custom, professional looking site in no time!