美观且实用的作者信息框可以提升博客网站的专业形象,还能加深读者对内容创作者的了解,增强信任感。今天带你借助 Kadence Theme Pro 的 Elements 功能,轻松自定义作者框插入博客文章的侧边栏,一步步完成作者框的创建、设计与展示,帮助你打造个性化的侧边栏作者信息模块。
![图片[1]-如何使用 Kadence Theme Pro 在侧边栏添加作者信息框](https://www.361sale.com/wp-content/uploads/2025/07/20250718134727457-image.png)
一、什么是 Kadence Theme Pro?
Kadence Theme Pro 是一款功能全面且高度灵活的 WordPress 高级主题扩展插件,专为追求专业外观与深度定制的网站用户设计。它继承了 Kadence 免费版轻量、响应迅速、SEO 友好的特点,还在功能层面上大幅增强,为你的网站建设提供更强的掌控力与表现力。
Kadence Pro 最具代表性的核心功能之一是 Hooked Elements(挂钩元素) 模块,它可以自定义内容插入网站的任意区域——例如页眉、页脚、导航栏、文章顶部、文章底部、侧边栏、产品详情页等。
![图片[2]-如何使用 Kadence Theme Pro 在侧边栏添加作者信息框](https://www.361sale.com/wp-content/uploads/2025/07/20250718134942534-image.png)
二、启用博客文章的侧边栏布局
- 登录 WordPress 后台
- 点击「外观 > 自定义」
![图片[3]-如何使用 Kadence Theme Pro 在侧边栏添加作者信息框](https://www.361sale.com/wp-content/uploads/2025/07/20250718111617374-image.png)
设置“单篇文章”的布局
- 在菜单中点击「帖子/页面布局」
- 选择「单篇文章布局」
![图片[4]-如何使用 Kadence Theme Pro 在侧边栏添加作者信息框](https://www.361sale.com/wp-content/uploads/2025/07/20250718111821785-image.png)
- 点击“默认文章布局”,选择“侧边栏”
![图片[5]-如何使用 Kadence Theme Pro 在侧边栏添加作者信息框](https://www.361sale.com/wp-content/uploads/2025/07/20250718111957520-image.png)
三、创建并设计自定义作者信息框
3.1 创建新的 Kadence Element
- 点击 Appearance > Kadence
![图片[6]-如何使用 Kadence Theme Pro 在侧边栏添加作者信息框](https://www.361sale.com/wp-content/uploads/2025/07/20250709093653794-image.png)
- 在 Pro Addons 列表中,开启“Hooked Elements”功能
![图片[7]-如何使用 Kadence Theme Pro 在侧边栏添加作者信息框](https://www.361sale.com/wp-content/uploads/2025/07/20250709093722214-image.png)
- 进入 Appearance > Kadence > Elements,点击“Add New”创建新元素
![图片[8]-如何使用 Kadence Theme Pro 在侧边栏添加作者信息框](https://www.361sale.com/wp-content/uploads/2025/07/20250709093820760-image.png)
- 选择元素类型为“内容区块(Content Section)”
![图片[9]-如何使用 Kadence Theme Pro 在侧边栏添加作者信息框](https://www.361sale.com/wp-content/uploads/2025/07/20250709094228369-image.png)
3.2 设计作者信息框内容
- 使用图像块添加作者头像
- 添加标题块显示作者名称
- 使用段落块展示简短介绍
- 插入社交图标块,引导访问社交媒体链接
![图片[10]-如何使用 Kadence Theme Pro 在侧边栏添加作者信息框](https://www.361sale.com/wp-content/uploads/2025/07/20250718112736788-image.png)
四、设置作者框在侧边栏中的位置
完成作者框的设计后,需要设置它出现在侧边栏的具体位置:
- 找到「Placement(放置位置)」选项
- 从下拉菜单中选择「内容与侧边栏 > 侧边栏之后(After Sidebar)」
![图片[11]-如何使用 Kadence Theme Pro 在侧边栏添加作者信息框](https://www.361sale.com/wp-content/uploads/2025/07/20250718112825877-image.png)
五、配置显示条件
- 在「Show On」中选择:Single Posts,让作者框显示在所有博客文章中
- 在「Select Post By」中选择:Author(作者)
- 选择作者名称 John Dorian ,让作者框仅显示在该作者的文章中
![图片[12]-如何使用 Kadence Theme Pro 在侧边栏添加作者信息框](https://www.361sale.com/wp-content/uploads/2025/07/20250718113435495-image.png)
六、发布作者信息框
- 确保内容设计、放置位置、显示规则全部设置正确
- 点击右上角的“发布”按钮
![图片[13]-如何使用 Kadence Theme Pro 在侧边栏添加作者信息框](https://www.361sale.com/wp-content/uploads/2025/07/20250718113135745-image.png)
七、总结
通过 Kadence Theme Pro 的 Hooked Elements 功能,可以灵活地为博客文章添加一个个性化的侧边栏作者信息模块。这个模块美观具有响应式,还可以自动根据作者显示不同内容,极大提升了网站的品牌感和专业性。
| 联系我们 | |
|---|---|
| 教程看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
客服微信
|
| ① 电话:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| ③ 邮件:info@361sale.com | |
| ④ 工作时间:周一至周五,9:30-18:30,节假日休息 | |
THE END






















![表情[wozuimei]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

暂无评论内容