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.

图片[1]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式

Module Overview

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

  • Site Logo
  • Site Title
  • Site Tagline
图片[2]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式

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.

图片[3]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式

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.

图片[4]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式

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
图片[5]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式
  • 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
图片[6]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式

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.

图片[7]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式

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.

图片[8]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式

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.

图片[9]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式

Site Title

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

图片[10]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式

Site Tagline

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

图片[11]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式

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.


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
客服微信
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: [email protected]
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
本文作者:托尼屎大颗
THE END
If you like it, support it.
kudos502 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments