如何使用Elementor制作自定义404页面?

大多WordPress主题都带有404页面,但是WP主题提供的404页面设置有限。我们希望可以在404页面中添加文字提示,引导用户访问网站的其他相关页面,降低用户的跳出率。

如果我们想根据自己的想法来定制404页面,可以使用Elementor Pro来制作。在开始本Elementor教程之前,确保你安装了Elementor Pro插件。

使用Elementor Pro创建404模板

通过Templates > Add New创建新模板。

我们选择Error 404模板,输入模板名,然后点击“Create Template”按钮。

点击“Create Template”按钮后Elementor会带我们进入到404模板页面:

插入模板以后,我们可以点击每个小部件,并编辑里面各个小部件的文本和样式。

这篇Elementor布局教程能够帮你搭建想要的404页面样式。

设置展示条件

设置404模板的展示条件,点击Publish按钮右侧的下箭头,点击“Display Conditions”按钮。

我们可以看到当我们创建404模板的时候,Elementor默认就给我们设置了在404页面中展示,点击Save & Close。

最后点击Publish即可。当我们访问一个网站不存在的页面即可看到实际的404页面效果。

Scroll to Top

Let's have a chat