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

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

20250328153348908-image

模块概览

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

  • Site Logo(站点图标
  • Site Title(站点标题)
  • Site Tagline(站点标语)
20250328152457848-image

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

20250328152432546-image

添加与结构

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

20250328152613843-image

常规设置

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

  • 启用站点标题
  • 启用站点标语(需已启用标题)
  • 布局样式:可选图标与文字的排列方式
20250328152657254-image
  • 垂直对齐:调整文字与图标的上下对齐方式
  • 链接设置:将整个标识模块或单独的图标、标题设置为跳转首页
20250328152644476-image

样式设置

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

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

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

20250328152715847-image

高级功能

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

20250328152728277-image

子模块设置

Site Logo

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

20250328152849687-image

Site Title

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

20250328152907628-image

Site Tagline

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

20250328152917591-image

结语

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

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


了解 宝藏号 的更多信息

订阅后即可通过电子邮件收到最新文章。

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

立即订阅以继续阅读并访问完整档案。

继续阅读