Kadence 教学:使用 Site Identity Block 自定义站点标识

在网站设计中,展示站点名称、图标与标语有助于强化品牌识别。Kadence Blocks 提供的 Site Identity 模块,让这些元素的排版和设计变得轻松——无论是调整 Logo 大小、标语字体,还是整体布局,都能精细控制,确保风格统一且适配不同页面需求。

模块概览

Site Identity 是一个组合区块,内部包含三个可选子模块:

Site Logo(站点图标)

Site Title(站点标题)

Site Tagline(站点标语)

可根据实际需求选择开启任意一项。该模块支持添加至页面内容、页眉、页脚、侧边栏或小工具区域。

添加与结构

在支持区块编辑的页面或部件中插入 Site Identity 模块,系统将自动嵌入默认的 Logo、标题与标语区块。它们均为 WordPress 原生区块,具备良好兼容性和可编辑性。

常规设置

进入模块设置面板后,可见以下选项:

启用站点标题

启用站点标语(需已启用标题)

布局样式:可选图标与文字的排列方式

垂直对齐:调整文字与图标的上下对齐方式

链接设置:将整个标识模块或单独的图标、标题设置为跳转首页

样式设置

可在面板中为标题与标语设定以下样式参数:

字体族

字体粗细

文字风格(常规 / 加粗 / 斜体)

颜色、字体大小、行高、字间距等设置在子模块中单独控制。

高级功能

模块支持添加边距、内边距、自定义 CSS 类名与锚点。完成设置后,可将当前的配置保存为默认,便于后续使用。

子模块设置

Site Logo

支持上传图像并设定尺寸,可选是否跳转首页,并支持设置圆角风格、滤镜(Duotone)与边距。

Site Title

可设置文字颜色、背景色、字体大小、间距与链接,适配不同版式需求。

Site Tagline

支持设置颜色、字体、大小与外边距,并可添加自定义类名进行样式扩展。

结语

Site Identity 模块为 WordPress 网站的品牌展示提供了灵活而实用的方式。结合 Kadence Header Builder、部件区块或自定义模板,可以构建统一的视觉标识风格,并提升站点整体专业感。

如果要进一步扩展功能,建议配合 Kadence Pro 模块或全站模板结构灵活搭建整体框架。

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注