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

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

20250327140431897-image

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

20250327141213517-image

安装并启用 Kadence Theme Pro

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

20250327142233896-image

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

启用 Hooked Elements 功能

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

20250327142429777-image

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

20250327142456256-image

设计自定义 404 页面内容

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

20250327142527172-image

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

20250327142550243-image

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

20250327142606276-image

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

  • 插图模块:用于展示品牌插画或引导图像;
  • 高级文本模块:输入提示信息,例如“页面不存在”或“请返回首页”;
  • 按钮模块:添加跳转链接,引导用户访问首页或其他推荐页面;
  • 布局模块:使用 Row Layout 布局对齐所有内容并美化结构。
20250327142629564-image

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

设置显示位置

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

20250327142652821-image

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

20250327142704597-image

设置显示规则

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

20250327142722986-image

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

  • 排除设置:避免在特定页面显示该内容;
  • 用户组设置:限定特定登录状态下可见;
  • 到期设置:设定元素的有效期,适用于促销倒计时等临时内容。
20250327142752504-image

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

发布并测试页面

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

20250327142801243-image

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

20250327142820392-image

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

结语

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


了解 宝藏号 的更多信息

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

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

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

继续阅读