在网站设计中,展示站点名称、图标与标语有助于强化品牌识别。ケイデンス・ブロック 提供 Site Identity 模块,让这些元素的排版和设计变得轻松——无论是调整 Logo 大小、标语字体,还是整体布局,都能精细控制,确保风格统一且适配不同页面需求。
![图片[1]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式](https://www.361sale.com/wp-content/uploads/2025/03/20250328153348908-image.png)
模块概览
Site Identity 是一个组合区块,内部包含三个可选子模块:
- Site Logo(站点图标)
- Site Title(站点标题)
- Site Tagline(站点标语)
![图片[2]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式](https://www.361sale.com/wp-content/uploads/2025/03/20250328152457848-image.png)
可根据实际需求选择开启任意一项。该模块支持添加至页面内容、页眉、页脚、侧边栏或小工具区域。
![图片[3]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式](https://www.361sale.com/wp-content/uploads/2025/03/20250328152432546-image.png)
添加与结构
在支持区块编辑的页面或部件中插入 Site Identity 模块,系统将自动嵌入默认的 Logo、标题与标语区块。它们均为 ワードプレス 原生区块,具备良好兼容性和可编辑性。
![图片[4]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式](https://www.361sale.com/wp-content/uploads/2025/03/20250328152613843-image.png)
一般設定
进入模块设置面板后,可见以下选项:
- 启用站点标题
- 启用站点标语(需已启用标题)
- 布局样式:可选图标与文字的排列方式
![图片[5]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式](https://www.361sale.com/wp-content/uploads/2025/03/20250328152657254-image.png)
- 垂直对齐:调整文字与图标的上下对齐方式
- 链接设置:将整个标识模块或单独的图标、标题设置为跳转首页
![图片[6]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式](https://www.361sale.com/wp-content/uploads/2025/03/20250328152644476-image.png)
スタイル設定
可在面板中为标题与标语设定以下样式参数:
- 字体族
- 字体粗细
- 文字风格(常规 / 加粗 / 斜体)
颜色、字体大小、行高、字间距等设置在子模块中单独控制。
![图片[7]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式](https://www.361sale.com/wp-content/uploads/2025/03/20250328152715847-image.png)
高度な機能
模块支持添加边距、内边距、自定义 カスケーディングスタイルシート 类名与锚点。完成设置后,可将当前的配置保存为默认,便于后续使用。
![图片[8]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式](https://www.361sale.com/wp-content/uploads/2025/03/20250328152728277-image.png)
子模块设置
Site Logo
支持上传图像并设定尺寸,可选是否跳转首页,并支持设置圆角风格、滤镜(Duotone)与边距。
![图片[9]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式](https://www.361sale.com/wp-content/uploads/2025/03/20250328152849687-image.png)
Site Title
可设置文字颜色、背景色、字体大小、间距与链接,适配不同版式需求。
![图片[10]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式](https://www.361sale.com/wp-content/uploads/2025/03/20250328152907628-image.png)
Site Tagline
支持设置颜色、字体、大小与外边距,并可添加自定义类名进行样式扩展。
![图片[11]-Kadence 教程:使用 Site Identity Block 自定义站点图标与标题样式](https://www.361sale.com/wp-content/uploads/2025/03/20250328152917591-image.png)
結語
Site Identity 模块为 ワードプレス 网站的品牌展示提供了灵活而实用的方式。结合 Kadence Header Builder、部件区块或自定义模板,可以构建统一的视觉标识风格,并提升站点整体专业感。
如果要进一步扩展功能,建议配合 ケイデンス・プロ 模块或全站模板结构灵活搭建整体框架。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/47915
この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし