如何使用 Gutenberg 构建小型 WordPress 商业网站

已发表: 2022-04-01

无论您的企业是纯粹基于在线,还是在现实世界中,为您的企业建立在线形象,无论多么小,都已成为必要。 在本博客中,我们将了解如何使用 Gutenberg 构建 WordPress 商业网站。 由于电子商务的持续增长, 2021 年有创纪录的 21.4 亿人在线购物,而 2020 年只有 12.4 亿数字买家。随着在线购物的普及和全球智能手机的大规模采用,它是很明显,在线购物将继续存在。

如果您正在寻找构建商业网站的最简单、最快的方法之一,那么WordPress 绝对是一个值得考虑的选择 虽然在过去,该平台需要第三方页面构建器来创建优雅的设计,但随着新的 Gutenberg 块编辑器的出现,WordPress 现在允许您快速构建几乎任何类型的网站,开箱即用。 使用新的古腾堡建筑选项,您可以使用“块”在短短几个小时内组建一个专业且外观精美的商业网站。 在此博客中,我们将引导您完成使用 Gutenberg 从头开始​​构建小型 WordPress 商业网站的整个过程。 我们还将努力回答您可能对默认 WordPress 编辑器提出的一些最重要的问题。

让我们开始吧!

为什么你应该为你的小型企业建立一个 WordPress 网站

一个好的网站可以显着影响您业务的成功。 虽然您的企业在没有网站的情况下可能已经表现良好,但在线为您的客户提供产品和服务可以帮助您实现更多销售、提高客户参与度并提高品牌知名度。

一些统计数据

让我们看一些显示拥有商业网站的力量和重要性的数字:

  • 84% 的消费者认为有网站的企业更可信。 事实上,56% 的受访者表示他们不会信任没有一家企业。 来源:威瑞信
  • 全球 81% 的购物者仅在在线研究业务、产品或服务后才做出购买决定。 来源:广告周刊
  • 88% 在手机上搜索特定类型业务的人会在一周内访问或致电相关商店。 来源:谷歌移动运动研究
  • 79% 的用户相信他们在网上阅读的评论。 来源: Salesforce

考虑到这些数字,建立在线形象并通过网站开展业务绝对是朝着正确方向迈出的一步。 以下是您的小型企业可以从专用 WordPress 网站中受益的一些最大方式:

  • 吸引更多新客户并以成本的一小部分产生销售额
    通过有机和无机流量获得潜在客户是拥有网站的主要好处之一。 只需花费传统营销成本的一小部分,一个 SEO 优化的网站就可以通过 Google 为您带来大量流量。
  • 帮助人们轻松找到他们需要的所有信息
    您的网站允许您展示您的企业提供的所有产品和服务。 您还可以通过 Google 地图提供联系信息、营业时间、产品保证详情以及前往实体店的路线。
  • 在一天中的任何时间开展业务
    即使您在下午 5 点完成工作,您的客户仍然可以 24/7 全天候进行购买并与您的企业互动。
  • 为您的业务增加更多可信度
    潜在客户会期望您的企业在 2022 年拥有一个专门的网站。良好的网站设计可以给人留下深刻的第一印象,并使您在竞争中脱颖而出。
  • 为您的品牌设定叙述
    您可以在您网站的主页上展示您最好的推荐和评论,并通过展示您最好的一面来宣传您的品牌。

什么是古腾堡,为什么要使用它?

随着 WordPress 从其不起眼的博客开始不断发展壮大,第三方开发人员添加了插件,从而可以添加更多动态内容。 添加古腾堡是为了保持 WordPress 的相关性并满足用户的期望。

Gutenberg 依赖于内容块,并允许用户将几乎任何类型的内容添加到他们的网站。 它有一个干净的界面,允许用户通过选择相应的块来向站点添加新内容。

然而,古腾堡不仅仅是一个带有有限格式按钮的文本编辑器。 使用这个基于块的系统,您可以轻松地在您网站的任何位置添加按钮、视频、简码或联系表格。

自 2018 年 12 月 Automattic 将 Gutenberg 设为 WordPress 5.0 中的默认编辑器以来,该平台不断改进块编辑器的功能。 其他 WordPress 开发人员也将他们的一些插件功能集成到 Gutenberg 中,使您可以直接在块编辑器中将其他自定义内容类型添加到您的站点。

您需要什么来建立您的企业 WordPress 网站

根据您的业务性质,网站的设计和功能通常会有所不同。 您的小型企业网站可能专注于品牌知名度、电子商务或内容发布。 无论您身处哪个行业,任何使用 WordPress 构建的商业网站都需要这些通用资源:

  • 域名 – 平均每年 10 美元(取决于扩展名)
    域名是用户在访问您的网站时在浏览器的 URL 栏中键入的地址。 吸引人且令人难忘的域名可以帮助您增加产生更多流量的机会。
  • 网站托管 – 每月 0.99 美元起
    Web 主机可帮助您将网站文件和资源存储在服务器上,使网站访问者可以访问它们。 有不同类型的网络主机,为您选择最佳提供商取决于许多因素。
  • SSL证书
    SSL 证书有助于保护您的站点文件和用户信息的安全。 最受欢迎的 WordPress 托管服务提供商在他们的计划中包含免费的 SSL 证书。 一旦你有了一个,你的站点将在 URL 栏中显示“ https:// ”前缀。
  • 主题和插件
    使用 WordPress 的优势之一是您可以使用免费和高级的WordPress 主题和插件在几分钟内添加特定功能并设置您的网站设计

如何使用 Gutenberg 构建您的 WordPress 商业网站

第 1 步:获取虚拟主机并安装 WordPress 软件

选择 WordPress 托管意味着您可以轻松地一键安装软件。 您的服务器资源也针对网站性能进行了优化。 您可以从许多不同的来源购买 WordPress 主机,共享主机计划低至每月 2.95 美元起。


选择计划后,您可以注册一个新域名或输入您已经设置的现有域名。 如果您想注册一个新的域名,您需要首先确认它是可用的。 接下来,填写您的帐户信息和所有必需的付款信息。 购买完成后,您现在可以一键安装 WordPress。

设置帐户登录详细信息后,您将立即被重定向到 WordPress 管理仪表板。

您的 WordPress 网站现在可以使用了。 是时候为您的业务专门设置和设计它了。

第 2 步:使用 WordPress 主题自定义您的网站

在研究如何使用 Gutenberg 构建 WordPress 商业网站时,下一步是自定义网站的设计。 最快的方法是使用包含专业设计模板的 WordPress 主题。 我们建议使用Astra主题,因为它是最快的 WordPress 主题,并且包含许多为 Gutenberg 量身定制的模板。 要获取 Astra,请在 WordPress 仪表板中导航至外观 > 主题 > 添加新内容,然后搜索“ Astra ”。

选择主题,然后单击安装,然后单击激活


要设置和使用现成的设计模板,请转到外观选项卡下的Astra 选项

接下来,单击Install Importer Plugin

安装导入器插件后,选择Gutenberg作为您的页面构建器。


您可以通过选择要构建的网站类型来简化您将看到的模板选项。

当我们向您展示如何构建商业网站时,我们将选择Business

使用 Guttenberg,您甚至可以在新选项卡中预览每个模板,以确保它符合您的需求,并且您在提交之前喜欢该样式。

当您找到您喜欢的设计时,单击导入完整站点。

然后,WordPress 将应用此模板并更改您网站的设计。 要进一步调整您的设计,您可以使用默认的 WordPress 定制器。 导航到外观 > 自定义以执行此操作。


当然,页面是任何商业网站设计的主要组成部分之一。 让我们看看如何使用 Gutenberg 设计重要的网页。

第 3 步:使用 Gutenberg 块构建重要页面

为了获得最大的 SEO 分数、客户信心和专业精神,每个商业网站需要的一些最重要的页面必须包括以下内容:主页、关于、联系和隐私政策页面。 默认情况下,我们添加的入门模板应该已经创建了这些页面。

如果您希望创建一个显示不同信息的新页面,例如专用于您的开放时间的页面,您可以通过转到Pages > Add New创建一个新页面


要编辑任何现有页面,请转到页面 然后在将鼠标悬停在要编辑的页面上后单击编辑。


您可以使用 Gutenberg 块将任何类型的内容(例如段落、简码和图像、文档和视频等媒体)添加到您的网页中。 为此,请单击页面编辑器上+图标。


为了帮助更快地构建页面,安装 WordPress 块插件会有所帮助。 我们推荐古腾堡的终极插件 除了向您的网站添加创意块外,该插件还附带了更多的入门模板。 检查的一些有趣的块可能对您特别有益,包括价目表、团队和推荐块。


准备好这些现成的块后,您会发现您可以在很短的时间内构建任意数量的页面。

第 4 步:使用 WordPress 插件扩展网站功能

您可以使用 WordPress 插件提高网站的速度、性能、功能和特性。 以下是您可能希望将其合并到您的网站的一些流行选项。

工作表

WPForms是一个出色的表单插件,可让您构建有吸引力的表单并在您网站的任何位置实施它们。 虽然大多数网站使用的表格只允许访问者取得联系,但商业网站应该通过为客户提供联系、提问或与您的业务互动的机会来额外利用可用的功能。

替代插件包括Contact Form 7Formidable Forms

上升气流

UpdraftPlus是世界领先且评价最高的 WordPress 备份插件,可通过备份来帮助保护您的网站安全。 在花费了所有这些时间和精力来设置您的 WordPress 网站之后,保护它并创建安全备份是您可以执行的最重要的任务之一。 因此,如果发生最坏的情况,您可以高枕无忧,因为您将始终拥有站点的最新备份副本以进行恢复。

WP-优化

速度对于商业网站来说是一个非常重要的因素,无论是在 SEO 得分还是客户保留方面。 WP-Optimize是一个 WordPress 优化插件,可用于校准和格式化您的网站,以便尽快加载。 网站加载速度的重要性怎么强调都不为过。 加载速度更快的网站的性能明显优于加载时间更长的网站。 所以请记住,您可以做任何事情来提高性能是一件好事。

多合一 WP 安全和防火墙

除了备份和优化您的网站外,您还应该记住使用安全插件保护您的网站,例如All in One WP Security and Firewall 您在网站上使用防火墙的原因与您在计算机和浏览器上使用防病毒软件的原因相同——将坏人拒之门外。 All in One WP Security and Firewall 提供了广泛而全面的安全工具列表,以帮助确保您的站点安全,并且易于设置和使用。

快速播放器

视频是一种非常重要的沟通和营销工具,每个企业都应该在他们的网站上使用它来帮助推广他们的产品和服务。 Presto Player可以提供帮助。 此插件可帮助您控制视频的外观、播放方式,甚至可以让您通过视频获利或添加号召性用语。 如果您以任何方式在业务中使用视频,则非常理想。

Presto Player 的替代品包括VideopackYouTube Embed

构建您的 Gutenberg 支持的商业 WordPress 网站

一个精心组合的专业商业网站是任何成功营销策略不可或缺的一部分。 最棒的是,当您试图弄清楚如何使用 Gutenbergwith 构建 WordPress 商业网站时,您无需成为编码专家或倾家荡产即可为您的小型企业构建一个。 我们希望本博客中概述的技巧和流程对您的业务取得成功有很大帮助。 如果您有任何疑问,请在下面的评论部分告诉我们。

作者姓名: Sujay Pawar

Sujay 是 Astra 背后的公司 Brainstorm Force 的首席执行官兼联合创始人。 你可以在 Twitter @sujaypawar上与他联系