Kadence Tutorial: Getting Up to Speed on Kadence Design Library Features

in using Kadence When building a website, theKadence Design Library is a very useful tool. It has a large number of built-in preset blocks with full pagetemplatesIt supports one-click import, style switching, gallery management, and Cloud connection, which can greatly improve the efficiency of website building.

This article will take you step by step through the use of Kadence Design Library and the configuration of various functions.

Go to Kadence Design Library

You can open the Design Library in two places:

• In the upper left corner of the editor, click on the Design Library icon (next to the List View icon)

• To add a Row Layout block, select the layout and click the "Design Library" button.

Once inside, you can browse the Patterns and Pages templates.

Switching Design Patterns

The Design Library offers two modes:

• By Design: Using classic template design
• With AI: Enable Kadence AI, generate a block or page based on the current page content

Toggle button at the top of the Design Library library to quickly switch between the two modes.

Using Patterns

Patterns are reusable small modules that cover a wide range of common content structures. Contains:

• Graphic Block: Hero, Graphic Mix, Media & Text
• Layout blocks: multi-column layout, cards, sliders, lists
• Functional blocks: Forms, Reviews, Logo Wall,FAQMenu, video presentation
• Business Module: Product Cycle, Pricing Schedule, Team Profiles, Statistics, etc.

Some templates are Pro versions and require the Kadence Blocks Pro Plug-ins.

Using Pages

The Design Library also offers a full pagetemplatesNo need to build a structure, just replace the content:

• Selectable page types include: home page, about page, contact page, services page, portfolio, etc.
• Import full page content with one click to quickly generate finished pages

Adjustment of design library settings

Click on the gear icon in the upper left corner of the Design Library to enter the settings menu:

• Activate or update Kadence AI Functions
• Go to Advanced Options and adjust the loading behavior:
  • Can disable image customization options and only load wireframe versions
  • Live preview can be turned off and replaced with a static graphical display

These settings can help speed up loading or simplify the interface.

Customized Image Collections

The Design Library supports the use of self-built libraries in place of default images:

• Click on "Update Design Library Images" in the settings.

• Browse Kadence Starter libraries or create your own.
• Click on "Make My Own Collection" to name and add an image.

• Edit the gallery and click "Add to Collection".

• Finally, click "Update My Design Library" to save the changes.

You can set up separate galleries for featured and background images to facilitate visual uniformity.

Toggle color scheme

When selecting a template, three color matching options are visible at the bottom of the left sidebar:

• Light: from color palette #1
• Dark: from color palette #2
• Highlight: from color palette #9

Apply immediately after clicking to easily preview the layout effect under different color schemes.

Add Cloud Library cloud connection

You can connect to Kadence Cloud libraries provided by other sites or third parties:

• Get a link to the target library (URL) with Access Key
• Click the plus icon in the Design Library

• Fill in the information and add the connection
• When added successfully, the same set of block content can be shared across multiple sites

This feature is suitable for team collaboration, template reuse or self-built module library management.

Hide Design Library Entry (Privilege Control)

If you are operating in a client site, you can hide the Design Library button:

• Click on the upper right corner of the Kadence icon (computing)

• Go to the Kadence Block Controls settings panel.
• In Components submenuFind the Design Library item in the

• Set which user roles can see the button

In this way you can restrict access to the design library to non-administrative users and protect the custom content structure.

summarize

Kadence The Design Library provides a rich set of plotstemplatesand full-page design, as well as gallery management, style switching and cloud integration functions. Skillful mastery of these functions, you can greatly shorten the time to build a website, build a unified style, reasonable structure of the professional website.

Whether you're building a page quickly or creating a custom module for a client, the Design Library is an indispensable tool.