Bluehost 網站建設者教程：如何使用它創建網站（2022 年）

如果您想創建一個網站但不知道從哪裡開始，我們的 Bluehost 網站構建器教程將帶您從零開始到一個工作網站。

Bluehost Website Builder 是 Bluehost 的一項新產品，可讓您使用可視化的拖放界面來構建基於 WordPress 的自定義網站。

它的優點之一是對初學者友好。 根據您提供的關鍵字，Bluehost Website Builder 將自動為您生成一個網站——您需要做的就是對其進行自定義以滿足您的需求。 最重要的是，您將能夠使用完全自定義的界面來執行此操作，但如果需要，您仍然可以訪問傳統的 WordPress 儀表板。

繼續閱讀我們的 Bluehost Website Builder 教程，以便立即啟動並運行您自己的網站……

Bluehost 網站構建器如何工作？

對於網站建設者，Bluehost 網站建設者有點獨特。 Bluehost Website Builder 沒有像 Wix 或 Squarespace 等其他網站建設者那樣提供自己的專有系統，而是建立在流行的開源 WordPress 軟件之上。

過去，Bluehost 確實發布了一個名為 Bluehost Builder 的專有構建器。 但是，他們已經棄用了舊的 Bluehost Builder，轉而使用新的基於 WordPress 的 Bluehost網站構建器。

Bluehost 的 WordPress 方法的好處是您可以獲得網站構建器的簡單性，同時在需要時仍然能夠訪問 WordPress 的靈活性。

如果您想在開始我們的 Bluehost Website Builder 教程之前了解更多信息，您可以觀看 Bluehost 的宣傳視頻：

Bluehost Website Builder 教程：製作網站的分步指南

準備好開始了嗎？ 讓我們深入了解我們的分步 Bluehost 網站構建器教程，以幫助您入門。

這是該過程的高級視圖：

1. 如果您尚未購買，請從 Bluehost 購買主機。
2. 創建一個新站點並啟動 Bluehost Website Builder。
3. 輸入快速入門詳細信息以生成站點的基本設計。
4. 使用完整的構建器界面自定義您的站點。
5. 如果需要，添加新頁面。
6. 探索其他設置。
7. 如果需要，訪問完整的 WordPress 儀表板。

讓我們深入研究……

1. 從 Bluehost 購買主機

同樣，Bluehost Website Builder 不是一個單獨的產品。 相反，您可以將其與 Bluehost 的常規 WordPress 網絡託管計劃一起使用。

所以 - 在您開始使用 Bluehost Website Builder 之前，您需要從 Bluehost 購買主機。 如果您已經從 Bluehost 託管，您可以跳到下一步。

您可以使用任何 WordPress 託管計劃，即使是最便宜的。 如果您不確定選擇哪一個，我們會在此處解釋 Bluehost 定價計劃。 如果您有一個網站，基本計劃會很好，而如果您有多個網站，您可能需要Plus或Choice Plus ，因為它們可以讓您創建無限的網站：

一旦您做出選擇，請按照指南為您的網站選擇一個域名（您可以免費獲得一個）並創建您的 Bluehost 帳戶。

2. 啟動 Bluehost 網站構建器

購買 Bluehost 網站託管後，您需要將新網站添加到您的託管帳戶。 為了幫助您做到這一點，Bluehost 為您提供了一個方便的設置嚮導。

Bluehost 可能會在您第一次登錄時自動啟動。如果沒有，您可以隨時轉到 Bluehost 儀表板中的“我的站點”區域，然後單擊“添加站點”或“創建新站點”選項：

完成此操作後，您將看到創建“常規” WordPress 安裝或使用 Bluehost Website Builder 之間的選擇。

顯然，您需要選擇使用 Bluehost Website Builder開始構建的選項：

然後，您將選擇要用於此站點的域名——這應該是 Bluehost 在您註冊時為您提供的免費域名：

3.輸入Bluehost Website Builder快速入門信息

現在，Bluehost 將提示您輸入有關您網站的一些信息。 您的回答將幫助 Bluehost 設置您網站的基本設計、佈局和內容（當然，您可以對其進行完全編輯）。

您可以從預設關鍵字中進行選擇，也可以輸入與您的網站相關的關鍵字。 在本例中，我們將為餐廳創建一個網站，因此我們將搜索該關鍵字。

選擇關鍵字後，Bluehost Website Builder 將根據您的關鍵字自動更新預覽：

然後，點擊繼續。

現在，系統會提示您輸入一些基本詳細信息，從您的站點名稱開始：

使用繼續按鈕前進到下一步。

我們不會向您展示每個步驟的屏幕截圖，但在此過程中您將：

• 選擇您的特色封面圖片。 您可以上傳自己的圖片或選擇一張免費的庫存照片。 您還可以在這篇文章中找到更多免費的圖片來源。
• 添加您的徽標。 您可以使用徽標製作器（例如我們的免費 Themeisle 徽標製作器），也可以花錢請專業人士設計徽標。
• 選擇字體對。 它已經配對了可以很好地協同工作的字體——你只需要選擇你最喜歡的一對。
• 選擇網站顏色。 與字體一樣，Bluehost Website Builder 會自動建議可以很好地協同工作的統一調色板——這裡有一些關於選擇網站顏色的建議。
• 選擇您的導航風格。 您可以配置訪問者用來在您的網站中移動的頂部導航菜單。
• 添加聯繫信息。 您可以添加將出現在您網站頁腳中的聯繫信息。

完成後，您可以單擊完成以保存所有選擇：

現在，Bluehost 將根據您的選擇為您創建網站。

4. 使用完整界面進一步自定義您的網站

在我們的 Bluehost Website Builder 教程中，您應該有一個基本的工作網站。 現在，Bluehost 將引導您進入完整的網站構建器界面，您可以在其中訪問更精細的選項來控制您的網站。

這是它的樣子：

要自定義您網站上的內容，例如文本，您只需單擊實時預覽並輸入：

對於其他設置，您可以使用邊欄中的選項。

Bluehost 網站構建器的工作原理是“部分”。 您內容的每個部分都是一個單獨的部分。 您可以通過將不同的部分（如樂高積木）放在一起來創建頁面的佈局。

例如，“封面圖片”部分是頂部的部分，其中包含“歡迎來到 Themeisle Cafe”大文本。

如果您進一步向下滾動並單擊“訂閱”部分，側邊欄將顯示可讓您自定義該特定部分的選項：

如果您想顯示更多信息，還可以單擊加號圖標將新部分添加到您的頁面。 您可以根據需要從大量不同的預製部分中進行選擇：

5. 如果需要，添加新頁面

Bluehost 網站構建器將根據您選擇的利基自動為您的網站創建核心頁面。 例如，您將擁有“位置”和“聯繫我們”頁面。

如果您想添加更多頁面，您可以轉到Menus & Pages部分，然後單擊New page ：

或者，您也可以單擊現有頁面之一來自定義其內容。

添加新頁面時，您可以從預製的頁面模板中進行選擇或從頭開始。 然後，您將能夠使用部分設計您的頁面，就像我們在上面向您展示的那樣：

如果要添加博客，還可以選擇側邊欄上的博客選項。

6. 探索其他 Bluehost Website Builder 選項

完整界面中有很多不同的選項，因此我們無法在我們的 Bluehost Website Builder 教程中向您展示每個選項。

但是，我們仍然鼓勵您探索界面，看看是否有其他對您有用的設置。 Bluehost 網站構建器提供了可視化的實時預覽，因此您在做出任何更改後都會立即看到。

您還可以使用頂部的菜單輕鬆撤消/重做操作，因此如果您犯了錯誤，您可以隨時撤消更改。

7. 打開 WordPress 儀表板進行更多自定義

正如我們之前提到的，Bluehost Website Builder 的優點之一是它基於 WordPress。 這意味著，如果您想要更大的靈活性，您可以隨時打開完整的 WordPress 儀表板。

您可以通過單擊 Bluehost Website Builder 中的WP Admin選項來執行此操作：

然後，您將進入常規的 WordPress 儀表板——它看起來像這樣：

您可以隨時通過單擊 WordPress 儀表板中的網站構建器鏈接（上面突出顯示）跳回完整的網站構建器。

旁注 – 如果您想知道 Bluehost Website Builder 如何與 WordPress 集成，它在技術上只是一個主題。 因此，您需要避免在儀表板中更改主題，因為這會使網站構建器停止工作，直到您重新激活網站構建器主題。

立即開始使用 Bluehost Website Builder

Bluehost Website Builder 可用於 Bluehost 的任何 WordPress 託管計劃，因此您每月只需幾美元即可開始使用。

首先，立即購買 Bluehost 託管，在添加您的網站時選擇 Bluehost Website Builder，然後按照本教程啟動您的網站。

您對我們的 Bluehost Website Builder 教程還有任何疑問嗎？ 讓我們在評論中知道！

* 此帖子包含附屬鏈接，這意味著如果您點擊其中一個產品鏈接然後購買該產品，我們將獲得佣金。 不過不用擔心，您仍需支付標準金額，因此您無需支付任何費用。