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

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

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

模块概览

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

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

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

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

添加与结构

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

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

常规设置

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

  • 启用站点标题
  • 启用站点标语(需已启用标题)
  • 布局样式:可选图标与文字的排列方式
图片[5]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式
  • 垂直对齐:调整文字与图标的上下对齐方式
  • 链接设置:将整个标识模块或单独的图标、标题设置为跳转首页
图片[6]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式

样式设置

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

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

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

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

高级功能

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

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

子模块设置

Site Logo

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

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

Site Title

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

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

Site Tagline

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

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

结语

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

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


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
© 转载声明
本文作者:upupdowndownLRLRBABA
THE END
喜欢就支持一下吧
点赞502 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容