Kadenceチュートリアル:サイト・アイデンティティ・ブロックでサイト・アイデンティティをカスタマイズする

在网站设计中,展示站点名称、图标与标语有助于强化品牌识别。ケイデンス・ブロック 提供 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、标题与标语区块。它们均为 ワードプレス 原生区块,具备良好兼容性和可编辑性。

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

一般設定

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

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

スタイル設定

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

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

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

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

高度な機能

模块支持添加边距、内边距、自定义 カスケーディングスタイルシート 类名与锚点。完成设置后,可将当前的配置保存为默认,便于后续使用。

图片[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 模块为 ワードプレス 网站的品牌展示提供了灵活而实用的方式。结合 Kadence Header Builder、部件区块或自定义模板,可以构建统一的视觉标识风格,并提升站点整体专业感。

如果要进一步扩展功能,建议配合 ケイデンス・プロ 模块或全站模板结构灵活搭建整体框架。


お問い合わせ
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事を書いた人 : upupdowndownLRLRBABA
終わり
好きなら応援してください。
クドス502 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし