引言
在本课中,我们将深入探讨如何个性化你的 404 模板。404 页面也被称为错误页面或页面未找到页面。当用户尝试访问你网站上不存在的页面时,他们会看到这个内容。大多数访问默认 404 页面的人可能会立即离开你的网站。一个不吸引人或缺乏互动性的 404 页面会导致糟糕的用户体验。它会增加你网站的跳出率,从而对你的 SEO 产生负面影响。你越快引导访客找到正确的位置就越好。如果你创建一个吸引人的 404 页面,就有希望确保访客留下来并深入探索你的网站。因此,创建一个自定义的 404 页面并思考如何吸引访客的注意力甚至使用幽默感非常重要。我喜欢皮克斯的这个例子,因为它会让你会心一笑。我也认为 Tendrik 做得很好,他们使用了引人注目的图像、幽默感和一个返回主页的按钮。
自定义 404 模板
要个性化或自定义你的 404 模板,请导航到站点编辑器,打开模板并点击页面 404。我使用的是 Twenty Twenty-Four 默认主题,但每个主题都会以不同方式设置此页面。让我们继续修改这个模板以满足我们的需求。我将保留我的页眉,但删除组和页脚块。删除后,我将添加一个封面块,并从我的媒体库中选择一张图片。然后我将添加一个包含两个等宽列的列块。在左侧,我将添加一些文本并写上“保持冷静,检查你的氧气水平”。然后我将文本大小更改为超大。在此下方,我将添加一个按钮块或行动号召,以便访客意外进入未找到页面时引导他们到我的主页。然后,我将加粗文本,所以别忘了添加主页链接。接着,我将按钮块的背景颜色更改为白色,文本颜色更改为黑色。我们还可以更改按钮块的大小,在这种情况下,我会选择中等。
完成这些后,我将选择封面块,然后切换封面块为全高。我会选择让文本显示在左下角。然后我将进入样式,为我的块内容添加一些内边距或间距。我还会将封面块的叠加不透明度更改为 30%,使其稍微变亮。然后,我们可以进入设置,为了更好的移动端查看,我会更改图片的焦点。这是最后一步。现在,我们可以继续点击保存,一旦关闭我的列表视图和侧边栏设置,我们就可以看到我们个性化的 404 模板。然后我们还可以在移动设备上查看它。
添加 404 模式
在自定义或个性化你的 404 模板时,另一个选项是使用模式。所以,在第二个例子中,我将删除我的页眉、组块和页脚,从空白开始。然后,我将前往 WordPress.org 网站和模式目录。接着,我将搜索 404 模式。当你找到一个模式时,你可以将其复制并粘贴到你的模板中。现在,你可以修改它以满足你的需求。正如你将在我的更新版本中注意到的,我添加了一个主页链接或行动号召,以及一个带有搜索栏和社交媒体平台链接的页脚。
结论
我祝愿你在创建自己引人注目且富有创意的 404 页面时一切顺利。如果你的主题没有 404 模板,你可以查看手册了解如何添加你自己的模板。