Astra主题教程:如何在Astra主题上启用并设计自定义 404 页面

在网站运营过程中,你会发现404 错误页面不可避免。设计一个精美、自定义内容的 404 页面,不仅能减少访客流失,还可以提升整体品牌形象。如果你想了解如何在Astra主题上启用并设计自定义 404 页面,那么跟着本文教学操作一下吧。

Astra logo

为什么要自定义 404 页面?

默认的 404 页面往往简洁甚至单调,容易让用户产生“页面出错”、“网站不专业”的印象。而自定义的 404 页面可以加入品牌元素、搜索功能、热门内容推荐,甚至幽默文案,从而引导用户继续浏览网站。

适用场景:

  • 网站改版后的一些旧链接失效
  • 用户输入错误链接地址
  • SEO 错误页面跳转提示页

通过自定义 404 页面,可以加深品牌印象,引导用户回到首页或查看相关内容,避免流量浪费。

图片[2]-Astra主题教程:如何在Astra主题上启用并设计自定义 404 页面

操作步骤

启用 Astra Pro 的 Site Builder 模块

首先,自定义 404 页面属于 Astra Pro 的高级功能,因此需要:

完成后,按照以下步骤开启 Site Builder 模块。

  1. 登录 WordPress 后台,进入 Astra → Dashboard
  2. 滚动至 Astra Pro Modules
  3. 启用 Site Builder 模块
图片[3]-Astra主题教程:如何在Astra主题上启用并设计自定义 404 页面

启用后,Site Builder 会出现在 Astra 面板中。

创建并设计 404 页面布局

  1. 进入 Astra → Site Builder
  2. 点击左侧的 404 Page
  3. 点击 “Create New”(创建新的 404 页面
图片[4]-Astra主题教程:如何在Astra主题上启用并设计自定义 404 页面

可以选择使用以下工具来设计页面内容:

  • Gutenberg(区块编辑器)
  • Elementor
  • Beaver Builder

根据你的使用习惯选择编辑器,创建自定义内容。

404 页面设置选项

点击页面右上角的 Astra 图标,会展开专属设置面板,

图片[5]-Astra主题教程:如何在Astra主题上启用并设计自定义 404 页面

404页面表单下可以配置以下选项:

  • 禁用页眉(Primary Header):让特定页面不显示网站的主导航栏和顶部区域。这在某些场景下非常实用,比如登录页、着陆页或自定义的 404 页面,能够帮助页面更简洁、聚焦内容,避免干扰用户操作或视觉注意力。
  • 禁用页脚栏(Footer Bar):禁用页脚栏可以隐藏页面底部的全站信息区域,使页面更简洁,适用于无需显示版权信息或菜单的特殊页面。
图片[6]-Astra主题教程:如何在Astra主题上启用并设计自定义 404 页面

这可以让你的 404 页面更简洁、聚焦。

用户角色条件(可选)

可以设置仅对特定用户角色显示自定义 404 页面,例如仅对访客用户显示,管理员访问时显示默认页面。

图片[7]-Astra主题教程:如何在Astra主题上启用并设计自定义 404 页面

设备可见性设置

根据设备自定义显示,支持:

  • 桌面端
  • 平板
  • 移动端
图片[8]-Astra主题教程:如何在Astra主题上启用并设计自定义 404 页面

只需勾选希望启用的设备类型即可。

日期与时间限制(可选)

可以设置 404 页面显示的起始时间和结束时间,让页面只在某段时间内生效,非常适合活动类 404 页面或限时提示。

图片[9]-Astra主题教程:如何在Astra主题上启用并设计自定义 404 页面

所有设置完成后,点击右上角的 “Update” 按钮,系统会自动将默认的 404 页面替换为刚刚设计的页面。

总结

使用 Astra Pro 的 Site Builder 功能自定义 404 页面,不仅操作简单,而且高度灵活。可以自由设计内容、控制显示对象与时段,还能配合不同设备优化显示效果。想了解更多关于WordPress相关的资讯和操作技巧,想关注光子波动网,每天实时更新最新资讯,拥有氛围最好的WordPress交流社区


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

请登录后发表评论

    暂无评论内容