目录
大纲
WP建站和运维

个性化你的404模板

引言

在本课程中,我们将深入探讨如何个性化你的404模板。404页面也被称为错误页面或页面未找到页面。当用户尝试访问你网站上不存在的页面时,就会看到这个内容。大多数看到默认404页面的用户可能会立即离开你的网站。一个不吸引人或无趣的404页面会导致糟糕的用户体验。它会增加你网站的跳出率,从而对你的SEO产生负面影响。你能越快引导访问者到达正确的地方,效果就越好。如果你创建一个吸引人的404页面,你就有希望确保访问者留下来并深入浏览你的网站。因此,创建一个自定义的404页面,并思考如何吸引访问者的注意力,甚至使用幽默,是很重要的。我喜欢皮克斯的这个例子,因为它让你会心一笑。我也认为Tendrik做得很好,他们使用了一个吸引眼球的图片、幽默和一个返回主页的按钮。

自定义404模板

要个性化或自定义你的404模板,请导航到站点编辑器,打开模板并点击404页面。我正在使用Twenty Twenty-Four默认主题,但每个主题设置这个页面的方式都不同。让我们继续修改这个模板以满足我们的需求。我将保留我的页眉,但删除群组和页脚块。删除后,我将添加一个封面块,并从我的媒体库中选择一张图片。然后,我将添加一个具有两个相等列的列块。在左侧,我将添加一些文本并写上“保持冷静,检查你的氧气水平”。然后,我将文本大小改为特大号。在这下面,我将添加一个按钮块或行动号召,以便在访问者意外进入未找到页面时将他们带到我的主页。然后,我将文本加粗,所以别忘了添加主页链接。然后,我将按钮块的背景颜色改为白色,文本改为黑色。我们还可以更改按钮块的大小,在这种情况下,我将选择中等大小。

完成这些后,我将选择封面块,然后将封面块切换为全高。我将选择文本显示在左下角。然后,我将进入样式,并在我的块内容周围添加一些内边距或空间。我还将把我的封面块的覆盖不透明度改为30%,使其稍微亮一些。然后,我们可以进入设置,为了更好的移动设备查看,我将更改图像的焦点。这是最后一步。现在,我们可以继续点击保存,一旦我们关闭我的列表视图和侧边栏设置,我们就可以看到我们个性化的404模板。然后我们还可以在移动设备上查看它。

添加404模式

自定义或个性化你的404模板的另一个选项是使用模式。所以,在第二个例子中,我将删除我的页眉、群组块和页脚,以空白开始。然后,我将转到WordPress.org网站和模式目录。然后,我将搜索404模式。但当你找到一个模式时,你可以复制并粘贴到你的模板中。现在,你可以修改它以满足你的需求。正如你将在我的更新版本中注意到的,我添加了一个主页链接或行动号召,以及一个带有搜索栏和链接到我的社交媒体平台的页脚。

结论

祝你创建自己引人注目和富有创意的404页面一切顺利。如果你的主题没有404模板,你可以查看手册学习如何添加你自己的模板。

实践

使用WordPress Playground应用你的知识。

打开404模板

增强和设计一个吸引人且引人入胜的404页面,如视频中演示的或如下例所示。