Kadence Tutorial: Customizing Site Identity with Site Identity Block

Displaying the site name, icon and tagline in the website design helps to reinforce the brand identity.Kadence Blocks offered Site Identity The module makes it easy to layout and design these elements - whether it's adjusting the logo size, slogan font, or overall layout - with fine-grained control to ensure that the style is consistent and adapts to the needs of different pages.

Module Overview

Site Identity is a combined block with three optional submodules inside:

• Site Logo
• Site Title
• Site Tagline

You can choose to turn on any of them according to the actual needs. The module can be added to page content, header, footer, sidebar or widget area.

Additions and Structures

Insertion in pages or widgets that support block editing Site Identity module, the system will automatically embed the default Logo, Title and Tagline blocks. They are all WordPress Native blocks with good compatibility and editability.

General Settings

After entering the module settings panel, the following options are visible:

• Enable site title
• Enable site tagline (title needs to be enabled)
• Layout style: optional arrangement of icons and text

• Vertical Alignment: Adjust the top and bottom alignment of text and icons
• Link settings: set the entire logo module or individual icons and titles to jump to the homepage

Style Settings

The following style parameters can be set in the panel for titles and banners:

• font family
• thickness of font
• Text style (regular / bold / italic)

Settings such as color, font size, line height, word spacing, etc. are controlled separately in the sub-module.

Advanced Features

The module supports adding margins, inner margins, customized CSS Class Name and Anchor Point. After completing the settings, you can save the current configuration as default for subsequent use.

Submodule Settings

Site Logo

Supports uploading images and setting the size, optional jump to homepage or not, and supports setting rounded corner style, filter (Duotone) and margins.

Site Title

Text color, background color, font size, spacing and links can be set to suit different layout needs.

Site Tagline

Supports setting colors, fonts, sizes and margins, and can add custom class names for style expansion.

concluding remarks

Site Identity modules WordPress Branding displays for websites offer a flexible and practical approach. Combined with the Kadence Header Builder, widget blocks, or custom templates, it is possible to build a unified visual identity style and enhance the overall professional feel of the site.

To further extend the functionality, it is recommended to work with the Kadence Pro Module or site-wide template structure flexibility to build the overall framework.