17713433920 info@mac163.com
如何在wordpress中创建自定义404页面
如何在wordpress中创建自定义404页面

毫无疑问,大多数互联网用户都因过于熟悉的“ 404页面未找到”错误消息而被推迟。当您单击断开的链接时,这个月至少有一次您会被此烦人的消息轰炸。

404错误是服务器出于各种原因而无法满足的网页请求的标准HTTP响应。默认情况下,错误消息显示为白色背景的纯文本。如果您讨厌此俗气的消息,则也不想让您的网站访问者也看到它。那么,为什么不通过自定义消息来减少烦恼呢?

在本教程中,我将引导您完成创建自定义“ 页面未找到”消息的步骤,以使您的网站访问者空白时不会感到烦躁。不过,首先,让我们更好地了解为什么尝试访问网页时可能会空白。

404页面找不到错误的方式和原因
当您单击链接并收到404错误时,表示您对服务器的页面请求成功,但是服务器未找到您尝试访问的特定页面。造成这种情况的原因很多。

例如,如果链接所链接的网页被删除,则会显示404错误。导致这种情况的一种典型情况是,删除了包含流行内容的过时页面,但其中有许多其他网站指向它的链接。如果站点管理员不采取预防措施来防止页面链接丢失,那么大型新闻网站可能是这种情况的罪魁祸首。

如果将请求的页面重定位到新的域名,也会发生404页面错误。如果服务器出现问题(服务器已关闭或由于某些原因无法访问),则可能会收到DNS错误。防火墙,内容过滤器和其他形式的内容阻止也可能导致链接断开。

最重要的是,断开的链接在网络上很常见。网站所有者或管理员应决定是否让用户体验更好。请记住,互联网用户通常在网站上搜索信息时会急躁。如果在您的网站上发现的只是一个简单的,令人讨厌的404错误,用户将不会浪费时间寻找另一个网站来获取他们想要的东西。

用户友好错误消息
正如我已经提到的,大多数Web服务器设置返回一个基本的404错误页面,显示道歉-一个 简短的说明,为什么你不能够访问请求的网页。在某些情况下,您可能还会看到网站管理员电子邮件的链接(如果需要更多技术支持),或者是搜索引擎的链接以继续进行搜索。

尽管此默认错误消息很礼貌,但它很简单,通常对于大多数网站访问者来说都是关闭的。这就是为什么认真的网站管理员会自定义此消息的原因,以便使访问空白的访问者可以看到更加用户友好(且不那么烦人)的404错误页面。

WordPress随附的所有默认主题都有一个名为404.php的基本404错误页面模板。当然,此默认模板可以完美地工作,但是有可能它没有向访问者说出您想说的话。幸运的是,在模板中自定义消息很容易。只需在代码编辑器中打开页面模板,然后将消息文本更改为您自己的文本即可。之后保存更改。

二十三个十三主题随附的默认错误页面模板的结构由用于显示页眉,页脚和搜索栏的标记组成。这是实际的样子(只需在浏览器的地址栏中输入伪造的页面地址):

如果您检查404页面模板的代码,则会在<h1>标题标记中注意到Not Found页面的标题,以及一个_e函数,该函数实际上在页面上显示结果。自定义404页面时,这是您首先要编辑的内容。然后,您可以继续在其下面的<h2>和<p>标记中添加更多用户友好的文本。请注意,您可以更改或可以不更改“ 未找到”标题,但最好在段落中放置一个自定义标题,该标题不会对您的访问者造成困扰。

您可能还会注意到标题出现在页面上的404巨大数字内。当使用Firebug对错误页面进行页面检查时,您会看到巨大的404是由伪元素(.error404 .page-title:before)插入的。因此,打开404.php模板,并将<h1>,<h2>和<p>标记中的默认文本替换为您要告诉访问者的内容。另外,根据您的喜好编辑上述伪元素或将其删除(在样式表中进行注释)。我已将其更改为:

虽然您可以在这里直接向访问者说任何您想说的话,但总是简短简短地讲好话。另外,尝试说出或指向访客最初可能一直在寻找的内容。这几乎是您需要做的所有事情,以使404 Page更加用户友好。检查页面,然后根据需要更改样式。

另外,根据您使用的WordPress主题,开发人员可能包括自定义404页面支持。在我们的Total WordPress主题中,我们内置了一个自定义404页面主题选项,使您可以轻松地从WordPress仪表板添加自定义404重定向或自定义页面标题和内容。

该.htaccess文件是当奇迹发生
一旦自定义了404.php,剩下的就是让WordPress在合适的情况下(当找不到特定页面时)显示它。这是默认过程。但是,有时Web服务器可能在WordPress意识到问题之前就遇到了问题,这意味着访问者可能无法访问某些页面。在这种情况下,您需要确保Web服务器可以将它们重定向到404.php页面,这就是.htcaccess文件的来源。

该.htcaccess文件位于你的WordPress安装的根文件夹中。对于WordPress,当您更改默认链接结构时,它会自动生成。确保服务器找到您的自定义404页面所需要做的就是在文件中添加一行,如下所示:

ErrorDocument 404 /index.php?error=404
如您所见,此URL以根(/)开头,这意味着要使用此URL格式,您的WordPress安装必须位于服务器的根目录下。否则,如果将WordPress安装在子目录中,则重定向路径应为:

ErrorDocument 404 /您的文件夹/index.php?错误= 404
这样,即使您更改主题,index.php也会始终为您的新主题调用正确的404文件。

包起来
通过阅读此快速教程,您现在可以希望创建一个自定义404页面,其中包含自定义的用户友好消息。您还可以配置.htcaccess文件,以确保在WordPress无法执行或更改主题时,服务器始终将您的网站访问者重定向到正确的404页面。

如果您想吸引忠实的访问者,并且这些访问者总是会回到您的网站,那么使用不那么令人讨厌的消息自定义404页面非常重要。当然,尝试限制访问者甚至登陆404页面的次数也是一个好主意。


微信二维码

微信扫描二维码联系我们!
我们在微信上24小时期待你的声音
提供外贸路由器设备产品,轻松翻墙,解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建等!


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
回到顶部