如何使用 Kadence Theme Pro 在侧边栏添加作者信息框

美观且实用的作者信息框可以提升博客网站的专业形象,还能加深读者对内容创作者的了解,增强信任感。今天带你借助 Kadence Theme Pro 的 Elements 功能,轻松自定义作者框插入博客文章的侧边栏,一步步完成作者框的创建、设计与展示,帮助你打造个性化的侧边栏作者信息模块

20250718134727457-image

一、什么是 Kadence Theme Pro?

Kadence Theme Pro 是一款功能全面且高度灵活的 WordPress 高级主题扩展插件,专为追求专业外观与深度定制的网站用户设计。它继承了 Kadence 免费版轻量、响应迅速、SEO 友好的特点,还在功能层面上大幅增强,为你的网站建设提供更强的掌控力与表现力。

Kadence Pro 最具代表性的核心功能之一是 Hooked Elements(挂钩元素) 模块,它可以自定义内容插入网站的任意区域——例如页眉、页脚、导航栏、文章顶部、文章底部、侧边栏、产品详情页等。

20250718134942534-image

二、启用博客文章的侧边栏布局

  • 登录 WordPress 后台
  • 点击「外观 > 自定义」
20250718111617374-image

设置“单篇文章”的布局

  • 在菜单中点击「帖子/页面布局」
  • 选择「单篇文章布局」
20250718111821785-image
  • 点击“默认文章布局”,选择“侧边栏”
20250718111957520-image

三、创建并设计自定义作者信息框

3.1 创建新的 Kadence Element

  • 点击 Appearance > Kadence
20250709093653794-image
  • 在 Pro Addons 列表中,开启“Hooked Elements”功能
20250709093722214-image-1
  • 进入 Appearance > Kadence > Elements,点击“Add New”创建新元素
20250709093820760-image
  • 选择元素类型为“内容区块(Content Section)”
20250709094228369-image

3.2 设计作者信息框内容

  • 使用图像块添加作者头像
  • 添加标题块显示作者名称
  • 使用段落块展示简短介绍
  • 插入社交图标块,引导访问社交媒体链接
20250718112736788-image

四、设置作者框在侧边栏中的位置

完成作者框的设计后,需要设置它出现在侧边栏的具体位置:

  • 找到「Placement(放置位置)」选项
  • 从下拉菜单中选择「内容与侧边栏 > 侧边栏之后(After Sidebar)」
20250718112825877-image

五、配置显示条件

  • 在「Show On」中选择:Single Posts,让作者框显示在所有博客文章中
  • 在「Select Post By」中选择:Author(作者)
  • 选择作者名称 John Dorian ,让作者框仅显示在该作者的文章中
20250718113435495-image

六、发布作者信息框

  • 确保内容设计、放置位置、显示规则全部设置正确
  • 点击右上角的“发布”按钮
20250718113135745-image

七、总结

通过 Kadence Theme Pro 的 Hooked Elements 功能,可以灵活地为博客文章添加一个个性化的侧边栏作者信息模块。这个模块美观具有响应式,还可以自动根据作者显示不同内容,极大提升了网站的品牌感和专业性。


了解 宝藏号 的更多信息

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

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

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

继续阅读