Kadence教学:用 Kadence Theme Pro 设置 WordPress 自定义 404 页面

访问已删除或不存在页面时,用户通常会看到 WordPress 默认的“页面未找到”提示页面。这个页面虽然提醒了访问错误,但缺乏引导作用,无法帮助访客继续浏览网站。

图片[1]-打造专业 404 页面:使用 Kadence Theme Pro 自定义设计内容模板

借助 Kadence Theme Pro Hooked Elements 功能,网站管理员可以轻松替换默认 404 页面,自定义展示内容,并添加回首页按钮、推荐链接或品牌介绍等模块,使出错页面成为增强浏览价值的一部分。

图片[2]-打造专业 404 页面:使用 Kadence Theme Pro 自定义设计内容模板

安装并启用 Kadence Theme Pro

Kadence 的 Hooked Elements 模块是高级功能,仅包含在 Kadence Theme Pro 中。如果尚未启用,可以前往 Kadence 官网购买单独的 Pro 版本或 Plus/Ultimate 套餐。

图片[3]-打造专业 404 页面:使用 Kadence Theme Pro 自定义设计内容模板

购买后,登录 Kadence 账户,下载 Kadence Pro Plugin,并在 WordPress 后台上传安装插件。安装后激活插件,并输入 Kadence 提供的授权信息进行验证,完成后,Kadence Pro 状态会变为“已激活”。

启用 Hooked Elements 功能

WordPress 仪表盘中,前往 外观 > Kadence,找到 Pro Addons 区域

图片[4]-打造专业 404 页面:使用 Kadence Theme Pro 自定义设计内容模板

启用 Hooked Elements 模块。这一功能是设置全站钩子内容(如 404 页面替换)的基础。

图片[5]-打造专业 404 页面:使用 Kadence Theme Pro 自定义设计内容模板

设计自定义 404 页面内容

进入 外观 > Kadence > Elements > Add New,创建新元素。

图片[6]-打造专业 404 页面:使用 Kadence Theme Pro 自定义设计内容模板

在弹出的窗口中,选择元素类型为 Template,因为这个类型可以直接替换 WordPress 默认模板内容。

图片[7]-打造专业 404 页面:使用 Kadence Theme Pro 自定义设计内容模板

命名为“404 Not Found”或其他易识别标题,并开始编辑页面内容。

图片[8]-打造专业 404 页面:使用 Kadence Theme Pro 自定义设计内容模板

可使用 Kadence Blocks 添加如下内容模块:

  • 插图模块:用于展示品牌插画或引导图像;
  • 高级文本模块:输入提示信息,例如“页面不存在”或“请返回首页”;
  • 按钮模块:添加跳转链接,引导用户访问首页或其他推荐页面;
  • 布局模块:使用 Row Layout 布局对齐所有内容并美化结构。
图片[9]-打造专业 404 页面:使用 Kadence Theme Pro 自定义设计内容模板

将这些区块居中排列,搭配合适的字体和颜色,页面就具备清晰的引导作用。

设置显示位置

完成设计后,点击页面右上角的“Element 设置”图标,在 Placement 下拉菜单中选择 Replace 404 Page Content,用于将默认的 404 页面替换为自定义内容。

图片[10]-打造专业 404 页面:使用 Kadence Theme Pro 自定义设计内容模板

默认优先级为 10,不用修改。若同时设置多个元素在同一位置,可调整优先级确定显示顺序。

图片[11]-打造专业 404 页面:使用 Kadence Theme Pro 自定义设计内容模板

设置显示规则

Display Settings 中,将显示条件设置为 Not Found (404),表示该内容仅在页面不存在时显示。

图片[12]-打造专业 404 页面:使用 Kadence Theme Pro 自定义设计内容模板

系统还支持更多高级选项:

  • 排除设置:避免在特定页面显示该内容;
  • 用户组设置:限定特定登录状态下可见;
  • 到期设置:设定元素的有效期,适用于促销倒计时等临时内容。
图片[13]-打造专业 404 页面:使用 Kadence Theme Pro 自定义设计内容模板

不过对于 404 页面,仅需设置“Not Found”条件即可。

发布并测试页面

完成所有设置后,点击右上角“发布”按钮,激活这个元素。此时,自定义的 404 页面已正式启用。

图片[14]-打造专业 404 页面:使用 Kadence Theme Pro 自定义设计内容模板

可以在浏览器中输入一个不存在的链接(如 https://你的域名.com/abc123)测试效果,页面将展示刚刚创建的内容模板。

图片[15]-打造专业 404 页面:使用 Kadence Theme Pro 自定义设计内容模板

如果没有正确显示,检查 Display Settings 是否设为“Not Found”,并清除站点缓存后刷新页面。

结语

设置自定义 404 页面是提升网站专业度和访问完整性的细节操作。使用 Kadence Theme Pro 的 Hooked Elements 功能,整个过程无需修改代码,内容编辑直观灵活,几分钟内即可完成设置。


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

请登录后发表评论

    暂无评论内容