如何使用 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上與他聯繫