关于前端:wordpress网站如何自定义404页面

42次阅读

共计 2837 个字符,预计需要花费 8 分钟才能阅读完成。

当在 WordPress 上创立自定义 404 页面比以往任何时候都更简略时,不要用谬误页面来搅扰您的用户。这里有一些不同的办法。

没有比点击 “找不到页面”  404 谬误框更蹩脚的互联网导航挫折了。因为这个问题,用户可能会立刻点击来到您的网站。确保您的外部页面链接精确且无效,以避免出现这种状况。

然而,如果用户填写了谬误的 URL 或者链接的别名产生了变动,会产生什么状况?可怜的是,用户最终会遇到一个不存在的 URL。为避免访问者来到您的网站,您能够致力让他们更容易返回到他们最后所在的页面。

为什么须要 404 页面?

在您的网站上蕴含个性化的 404 页面是一种加重用户散失影响并造就欢快用户体验的办法。这使您可能为您的网站增加一些格调,并增加一个链接,让用户返回到他们原来的课程。

此外,您能够提供与其余出名页面(例如博客)的连贯,或者如果访问者心愿报告将他们带到 404 页面的有问题的连贯,则能够将访问者指向一个表单。您可能会想应用您的主页作为 404 谬误实例链接,而不是自定义的谬误页面。

消费者可能不晓得他们应用了谬误的 URL,因为他们持续登陆该网站,这可能会造成混同。因为 Google 持续将此重定向视为软 404 谬误,因而将用户转到主页也可能会对您的 SEO 产生影响。

谷歌声称将所有 404 链接重定向到您的主页会有问题。构建易于应用的 404 页面应该始终是网站所有者的首要任务。

配置自定义 404 页面

您能够通过几种不同的形式应用自定义 404 页面,具体取决于 WordPress 主题。对于任何古代主题,应用插件制作独特的 404 页面都应该可行。

块编辑器主题和经典 WordPress 主题

应用主题的 404.php 作为选项 1

如果您违心在本人的网站上编辑 PHP 文件,许多主题都带有 404 页面的模板。

第 1 步: 在 WordPress 仪表板中,抉择外观 > 主题文件编辑器。

第 2 步: 从下拉菜单中抉择您的主题,而后搜寻 404.php 文件。

第 3 步: 现实状况下,您应该将 404.php 文件复制到您的子主题中,这样主题降级就不会抹杀您的辛勤工作。

第 4 步: 通过增加图片或其余组件并对其进行个性化设置,使文本举世无双。

第 5 步: 要保留更改,请单击“更新文件”。

选项 2:复制 404.php 文件

某些主题中可能不存在 404.php 文件。如果是这样,您能够从另一个主题转移 404.php 文件,例如 Twenty-Twenty,如果有的话。

您能够批改 404.php 文件并将其保留在您的主题文件夹中,只管它可能须要进行一些编辑以匹配您的主题。

第 1 步: 找到您想要应用的具备 404 页面的主题。

第 2 步: 关上该主题的主题文件夹并在那里复制 404.php 文件。

第 3 步: 将文件插入您网站应用的主题或子主题的主题文件夹中,确保其名为 404.php。

第 4 步: 通过查看您网站前端的 404 页面,验证所有是否按预期显示。

第 5 步: 要在主题文件编辑器中更改文件,请依照与步骤 1-4 中雷同的阐明进行操作,而后单击更新文件以保留更改。

选项 3:复制文件 index.php

如果您的主题还没有,这是制作 404.php 文件的另一种办法。

第 1 步: 须要复制 index.php 文件。

Step2: 重命名反复的 404.php。

第 3 步: 解脱显示帖子的代码。

第 4 步: 通过增加图片或其余组件并对其进行个性化设置,使文本举世无双。

第 5 步: 要保留更改,请单击“更新文件”。

这种办法须要对 HTML 和 PHP 有肯定的理解,但 404 页面将与您以后的主题相匹配,这比应用来自独自主题的 404 页面更简洁。

应用页面构建器创立 404 页面

https://elementor.com/”> 如果您应用的是 Elementor、Divi、https://www.wpbeaverbuilder.com/”>Beaver Builder 或 https://oxygenbuilder.com/”>Oxygen 等 WordPress 页面构建器,则能够抉择在构建器界面中增加 404 页面。

无关如何批改设置以将任何不正确的 URL 定向到您本人的 404 页面的更多信息,请参阅您最喜爱的构建器的阐明。

应用 WordPress 404 页面插件

应用 WordPress 404 页面插件是一种疾速而简略的解决方案,能够将独特的 404 页面增加到任何 WordPress 网站。

这些插件能够让您创立个性化的 404 页面并跟踪 404 问题。宽泛应用的 404 页面插件包含:

您的个性化 https://wordpress.org/plugins/404page/”> 智能 404 谬误页面是 404page。您能够收费应用这个十分根本的 404 页面插件。制作一个新的 WordPress 页面,作为您的个性化 404 页面。

转到 WordPress 仪表板中的 “外观”, 单击“404 谬误页面 ”,而后抉择您创立的页面作为默认 404 页面,将其配置为您的自定义 404 页面。

https://wordpress.org/plugins/coming-soon/”> 在 WordPress 插件 SeedProd 的帮忙下,您能够为您的网站设计精美、笨重且个性化的 404 页面模板。

https://wordpress.org/plugins/colorlib-404-customizer/”> 在 Live Customizer 和收费的 WordPress 插件 Colorlib 404 Customizer 的帮忙下,您能够疾速设计一个独特的 404 页面,以补充您网站的外观。

您能够将更多 CSS 增加到设置中,这些设置可在您的 WordPress 仪表板的外观 > 自定义下拜访,以进一步自定义您的 404 页面。

在 WordPress 治理仪表板的页面局部,您能够应用 https://wordpress.org/plugins/custom-404-pro/”>Custom 404 Pro WordPress 插件创立自定义 404 页面。此外,它还容许您亲密关注已输出并生成 404 页面的 URL 实例,以便您能够亲密关注损坏的链接。

全站编辑

如果您应用 WordPress Full Site Editing Theme, 制作独特的 404 页面比以往任何时候都简略。依照以下步骤,您能够为您的 WordPress 网站创立自定义 404 页面。

如果有人试图拜访不存在的页面,它将立刻从新路由。

第 1 步: 单击 WordPress 仪表板中的外观,而后抉择“编辑器”。

第 2 步: 单击“编辑器”下的“模板”。

第三步: 抉择第三步中的 404 模板。

第 4 步: 应用块编辑器创立您的个性化 404 页面,而后单击保留。

第 5 步: 要保留模板,请再次点击“保留”。

自定义 WordPress 404 页面

损坏的链接或不正确的 URL 不肯定是灾难性的。通过在您的网站上蕴含指向您的主页或其余乏味页面的链接,您能够使您的 404 谬误页面变得乏味并放弃用户的趣味。

因为它改善了用户体验,所以在 WordPress 上创立自定义 404 页面比以往任何时候都更简略,不应漠视。您能够跟踪访问者何时应用此页面达到您的 404 页面,从而容许您依据须要更新链接或重定向网站。

正文完
 0