使用Elementor模板工具包创建自定义WordPress 404页面

即使是最好的网站也会不时抛出 404 错误，那么为什么不利用这个错误来发挥自己的优势呢？

您可以借此机会通过幽默或古怪的 404 页面来娱乐访问者，该页面真正展示了您的个性。或者，您可能试图通过突出显示您网站上所有最重要和最有趣的内容来重新吸引失望的访问者。

您甚至可以将您的 404 页面用作推动转化和确保额外销售的工具，提供折扣代码作为道歉，甚至是“找到”您的 404 页面的奖励！

在本系列中，我们的任务是创建一个人们不会介意访问的 404 页面。在第一部分中，我向您展示了如何将流行的 Elementor 插件添加到您的 wordpress 网站。然后，我们使用 Elementor 使用现成的模板快速轻松地创建 404 页面，然后在不使用模板的情况下构建完全自定义的 404 页面。

WordPress 如何使用 WordPress 和 Elementor Jessica Thornsby 创建自定义 404 页面

在这篇后续文章中，我将向您展示如何使用 Elementor 和 Envato Elements 访问数百个404 页面设计。

使用模板工具包让网页设计变得更容易

当您可以安装整个模板套件时，为什么要限制自己使用一个模板？

Envato Elements上的 Elementor 模板套件 是模板的主题集合，可提供您的网站可能需要的所有页面，包括主页、 联系我们 页面、博客、存档、 关于我们 页面等等。

如果您想混搭，那么模板工具包还提供独立的块，您可以将其拖放到页面布局中以创建自己独特的设计。 

模板工具包可以减轻设计和构建 WordPress 网站的痛苦。只需选择您的工具包，生成所有需要的页面，进行一些自定义，然后将这些页面连接在一起——恭喜，您有了一个新网站！ 

或者，您可以使用模板工具包来增强现有网站，方法是添加设计和布局，让您的网站具有全新的外观和感觉，而且工作量很小。

如何使用 Elementor 模板工具包创建 404 页面 

在本节中，我将向您展示如何使用您选择的 Envato 模板工具包创建 404 页面。由于我们正在使用完整的模板工具包，完成本部分后，您将可以访问涵盖所有最常见网页的一系列免费模板——如果您非常喜欢新的 404 页面并决定扩展其设计到您网站的其他区域！

要使用 Envato Elements 创建 404 页面，请首先 访问 Envato Elements 网站。 

找到您要使用的模板工具包，然后选择 下载。在我的屏幕截图中，我选择了 KickStart 模板工具包。系统将提示您选择一个新项目或将此套件添加到现有项目中。然后您选择的套件将自动下载。 

现在登录到您的 WordPress 网站。 

在 WordPress 的左侧菜单中，选择 Templates > Add New并选择 Import Templates。

接下来，单击 选择文件，选择刚刚下载的 zip 文件，然后选择 立即导入。片刻之后，您应该会看到所选套件中包含的所有模板。 

在屏幕顶部，选择 Add New。然后打开 Template type 下拉菜单并选择 Single。 

打开 选择帖子类型 下拉菜单并选择 404 页面。 为您的模板指定一个唯一名称，然后选择 创建模板。在随后的弹出窗口中，单击 My Templates，然后找到 Page - 404，并选择其随附的 Insert 按钮。

Elementor 现在将加载 Kickstart 404 模板。

如果您对该页面开箱即用的外观感到满意，那么您可以立即发布它。但是，Elements 模板很容易自定义，所以让我们看一下可以对 404 模板进行的一些简单更改。 

添加您自己的文本 

元素模板（例如 KickStart 404 模板）通常包含样板文本，您可以将其替换为您自己的自定义消息。要更改 404 页面中的任何文本，只需单击以选择要更新的文本。然后，在 Elementor 面板中，用您自己的消息替换库存文本。  

链接到您的 App Store 和 Google Play 列表

如果您有一个移动应用程序，那么 KickStart 404 模板具有可以鼓励人们下载您的应用程序的 Google Play 和 App Store 图形。

通过在这些图片中嵌入您的应用链接，您可以吸引人们访问您的 Google Play 和 App Store 列表：

• 单击以选择要在其中嵌入链接的图像。

• 在 Elementor 面板中，打开 Link 下拉菜单并选择 Custom URL。

• 输入您应用的 Google Play 或 App Store 列表的 URL。 

如果您的应用同时在 Google Play 和 Apple App Store 上可用，请重复上述步骤。

Twitter、Facebook 和 Instag ram：添加社交帐户

你有社交媒体关注吗？无论您是在 Facebook、Twitter、Pinterest、LinkedIn 还是以上所有网站上宣传您的网站，您都应该考虑添加指向您所有社交媒体资料的链接。 

通过向您的 404 页面添加社交链接，您可以获得一些额外的关注者，同时还可以增强您的品牌并在您的网站上创建一致的外观和感觉。

要将社交链接添加到 404 模板，首先  在 Elementor 面板中找到社交图标小部件。将此小部件拖放到您要显示社交媒体链接的部分。默认情况下， 社交图标 具有 Facebook、Twitter 和 YouTube 的图标。 

要编辑社交图标，请  从 Elementor 面板中选择内容选项卡。

如果您想从默认的 社交链接 小部件中删除 Facebook、Twitter 和/或 YouTube，请单击它们随附的 X 图标。要添加更多社交媒体图标，请单击 添加项目。 

拥有图标后，您需要将每个图标链接到相应的社交媒体资料。在 Elementor 面板中，单击以展开第一个社交媒体部分。 

在 链接 字段中，复制并粘贴适当的链接——例如，将 Twitter 图标链接到您网站的 Twitter 个人资料。 

冲洗并重复您想在 404 页面上显示的每个社交帐户。

访问数百个模板工具包 

您可以在Envato Elements上访问数百个模板工具包 ——或者您可以浏览、预览和导入这些模板中的任何一个，而无需离开您的 WordPress 帐户。 

如果 KickStart 让您渴望探索其他 Envato Elements 模板工具包，那么在最后一部分中，我们将设置免费的 Envato Elements WordPress 插件。安装此插件后，您将能够从您的 WordPress 帐户中访问整个 Envato 库。

要设置 Envato Elements WordPress 插件： 

• 在 WordPress 的左侧菜单中，选择 Plugins > Add New。

• 搜索 Envato Elements–Photos & Elementor Templates 插件。当这个插件出现时，选择 Install。

• 选择 激活。

• 接下来，您需要将此插件链接到您的 Envato Elements 订阅。在 WordPress 的左侧菜单中，选择新的 Elements 项。

• 在工具栏中，选择 Connect Elements Account。

在随后的选项卡中，输入您的 Envato Elements 用户名和密码，然后单击 登录。

现在，每当您在 Elementor Editor 中构建网页时，您都会看到一个全新的图标：绿色 Envato 徽标。

单击此图标，您将能够浏览、预览和导入 Envato Elementor 库中的任何模板。

想要更多 404 页面设计？试试这 7 个模板套件

Envato Elements 为每个细分市场提供模板套件，从健身到时尚和美容、摄影、房地产以及介于两者之间的一切。但是，如果您正在寻找一个提供美观、功能丰富的 404 页面的模板套件，那么我们建议您查看以下七个模板套件：

1. Phoenix：大胆而美丽的网站设计

Phoenix 模板套件具有独特的简约设计，其 404 页面也不例外 ！

Phoenix 的 404 页面与该套件中的其他模板无缝匹配，这些模板均基于风景照片。这个 404 页面只包含一个简短的 404 消息和一个返回链接，从而简化了事情。

2.使用Samex设计您的电子商务商店

想要使用 WordPress、woocommerce和 Elementor 开设在线商店？ 

Samex模板套件包含以电子商务为主题的功能，包括实时 ajax 搜索、产品过滤器和多个产品库选项，以及对愿望清单和产品快速查看的支持。 

Samex 模板工具包还提供了引人注目的 404 页面。 

此 404 模板具有搜索栏，确保客户始终可以搜索您的产品目录——即使是从您的 404 页面！

3.餐厅模板：功能丰富的404页面

以美食家为主题的餐厅模板套件非常适合宣传您的酒吧、咖啡馆或餐厅，但也非常适合酒店业的其他领域，例如酒店和旅游景点。

这个 404 页面延续了模板独特的黄色和橄榄色配色方案。 

除了通常的404、Contact Us和Single post模板外，Restaurant 工具包还提供专门针对酒店业的模板，包括Book a Table和Menu模板。

4.通过 Onum 销售您的 SEO 服务

你们提供seo（搜索引擎优化）服务吗？也许您是数字营销机构或自由职业者，或者您是 SEO 专家？ 

无论您涉足 SEO 世界，Onum都有您推广服务所需的模板，包括八个主页布局、三个页眉布局和三个页脚布局。 

当然，Onum 也有 404 页面。

这个 404 模板反映了 Onum 独特的蓝色和橙色配色方案。

5. Wendy：多商店 WooCommerce 主题

如果您正在寻找支持 WooCommerce 的模板工具包，那么Wendy专为支持 WooCommerce 的在线商店而设计。 

为了帮助说服客户购买您的产品，Wendy 提供了产品快速查看和产品图像缩放，以及根据尺寸、颜色和材料过滤产品的功能。

如果访问者确实访问了您的 404 页面，那么他们将拥有导航回您的“主要”网站所需的一切。

Wendy 的 404 页面提供了指向您网站主页的链接，以及访问者可以用来浏览您的产品目录 的搜索栏。

6. 使用ITok开始您自己的加密交易业务

如果您是 ICO 顾问或比特币专家，或者您经营任何类型的加密交易咨询公司，那么独特的ITok模板工具包是专为您的业务而设计的。

ITok 模板套件具有大胆的配色方案和现代设计。404 模板是不同的，但 ITok 页眉和页脚元素有助于将 404 页面与 ITok 模板工具包的其余部分联系起来。 

尽管专为加密货币行业设计，但 ITok 也非常适合其他数字业务，包括 SEO 咨询公司、网站设计和开发机构以及数字营销人员。 

7. Cafe No.1：流线型款待套件

Cafe No.1是一款时尚的模板套件，非常适合推广您的酒店业务，尤其是咖啡馆和咖啡店！这个模板工具包大量使用了标题图像，它的 404 页面也不例外。

由于它针对的是咖啡馆、酒吧和餐厅场景，因此 Cafe No.1 套件包含专为酒店业设计的模板也就不足为奇了。Cafe No.1 模板套件提供了常用的About、Contact和FAQ模板，但它也提供了一些独特的美食主题模板，包括Reservations、Reviews和Menu。

结论

在本文中，我们介绍了一些可以添加到 WordPress 网站的模板工具包，但 Envato Elements 有数百个专业设计的模板供您选择。