教程：如何使用Wix構建您的第一個網站（分步指南）

Wix是一個非常直觀的網站構建器。 但是，由於它提供了大量的選擇，因此當您使用Wix進行操作時，您可能會感到有點不知所措 建立自己的網站 為第一次。

如果您正在尋找創建Wix網站的教程，則本指南適合您。

In this guide, I'll introduce you to the Wix dashboard and show you how it works.在本指南中，我將向您介紹Wix儀表板並向您展示其工作方式。 We'll also see the different settings and steps you need to do to publish a shiny new Wix website.我們還將看到發布閃亮的新Wix網站所需的不同設置和步驟。

如何建立您的第一個 Wix 網站

下面是操作步驟：

1. 註冊一個 Wix 帳戶
2. 選擇 Wix ADI 或 Wix Editor
3. 選擇預建模板
4. 添加站點元素和功能
5. 發布並上線
6. 使用 Wix 管理器

準備？ 讓我們開始。

1. 註冊 Wix 賬戶

Wix 提供不同的保費計劃。 選擇最適合您需求的一種。

對於新手，我建議從 Wix Combo 計劃開始，然後隨著網站的發展而升級。 對於企業，請選擇 Business Basic 計劃，因為它允許您設置在線商店。

始終推薦 Wix 高級計劃（無限制和 VIP），因為它們提供許多好處，包括能夠連接您自己的域、刪除 Wix 廣告以及提供額外的帶寬和存儲空間。

這裡有 使用Wix建立的一些網站樣本.

我們將Wix視為其中之一 最好的網站建設者 但請記住，每種工具總是有利有弊。 例如，有 提到 對易用性的熱愛以及它在某些方面的局限性。

Wix的優點：

Users who gave Wix a positive rating were happy with how intuitive the Wix system is.給予Wix正面評價的用戶對Wix系統的直觀性感到滿意。 The drag-and-drop interface is easy to use and allows businesses to create websites without coding knowledge.拖放界面易於使用，並允許企業創建無需編碼知識的網站。

Wix不好的地方：

Negative Wix reviewers complain about its slow servers.負面的Wix審閱者抱怨其服務器速度慢。 Websites created with Wix sometimes do load slowly and are thought to not be very SEO friendly, which means websites made with Wix may not show up highly on search engine results.使用Wix創建的網站有時加載速度很慢，並且被認為不是非常適合SEO，這意味著使用Wix創建的網站在搜索引擎結果中的排名可能不會很高。

從這裡開始 > 單擊此處註冊並創建 Wix 網站。

2. 使用 Wix ADI 或 Wix Editor 創建

Wix 提供了兩種創建網站的方法 – 維克斯 ADI 及 蠟筆編輯器. 您可以使用預先設計的模板，也可以讓 Wix 為您構建。

在本演練教程中，我們將演示如何使用這兩種方法來構建商業網站。

什麼是 Wix ADI？

Wix ADI（或 Wix Artificial Design Intelligence）是一種利用 AI 力量的獨特工具——您只需提供一些基本信息（例如您的業務類型和站點名稱），系統就會使用該信息來構建一個網站自動。

什麼是 Wix 編輯器？

另一方面，Wix Editor 允許您使用拖放式構建器從頭開始創建網站。

選項1：使用Wix ADI創建網站

首先，Wix 會詢問您想要建立的商業網站類型，並提出一些基本選項。 如果您不確定要製作的網站類型，只需輸入一些關鍵字，Wix ADI 就會發揮作用。

之後，Wix 會提示輸入網站名稱。 為了這個例子，我將我們的網站命名為“BuildThisDigitalMarketing”。

在您指定企業網站的性質和名稱後，Wix ADI 會在您的網站上詢問所需的一組功能。 在這裡，您需要考慮您希望能夠對您的網站執行的所有操作。

在了解您網站所需的功能後，Wix ADI 會提示兩個選項來設計您的網站。

要使用 Wix ADI 構建自定義站點，請單擊“獲取自定義站點”。

然後，Wix ADI將提示您提供更多的業務信息，例如公司地址和其他詳細信息。

盡可能多地提供Wix ADI信息，因為它將使用此信息來填寫網站上的相關部分（例如網站的頁腳和聯繫頁面。）

最後，在您賦予了所有功能首選項和信息後，Wix ADI將準備建立您的網站。

在下一個屏幕上，Wix ADI詢問您的配色方案偏好。

選擇您喜歡的配色方案。 有了首選的配色方案，Wix ADI 現在就可以在網站的主頁上工作了。

選擇您喜歡的主頁設計後，Wix ADI 應該會在不到一分鐘的時間內準備好您的網站。

示例：我使用Wix ADI創建的網站

供您參考，這是我使用Wix ADI創建的主頁：

老實說，我並不是 Wix ADI 為我設計的設計的忠實粉絲。

But you should know that this design is not final.但是您應該知道這種設計不是最終的。 You can add new sections to it.您可以向其中添加新部分。 The colour scheme and elements can also be changed.配色方案和元素也可以更改。 It can even be redesigned from scratch.它甚至可以從頭開始重新設計。

Anyway, let's forget the design for a second and see what else the Wix ADI program has done for this website.無論如何，讓我們忘記設計的一秒鐘，然後看看Wix ADI程序對該網站做了什麼。 For example, let's see if Wix ADI at least chose the right pages to add to our site.例如，讓我們看看Wix ADI是否至少選擇了正確的頁面添加到我們的網站。

要檢查這一點，請單擊儀表板左側面板上的“頁面：主頁”選項。

以下屏幕截圖顯示了Wix ADI選擇為我們的數字營銷代理網站創建的不同頁面：

底線：Wix ADI 比之前的版本有了很大改進。

如您所見，儘管使用Wix ADI設計網站很方便，但結果遠非如此。

Maybe this was just a one-off example where Wix ADI didn't quite get it right.也許這只是Wix ADI不太正確的一個例子。 Nonetheless, you now get an idea of what to expect from this option.儘管如此，您現在已經了解了此選項的期望。

我們現在來看看創建網站的第二種選擇，即使用 Wix 編輯器。 此選項使您可以完全控製網站的外觀、感覺、導航、功能和其他所有內容。

選項2：使用Wix編輯器創建網站

為了了解Wix編輯器的工作原理，假設我們正在嘗試創建相同的數字營銷代理網站作為示例。

當您單擊它時，Wix 將再次詢問您要構建的站點類型以及所有與之前步驟相同的信息。

But this time, we'll create the site with the Wix editor because we want to try the editor now.但是這次，我們將使用Wix編輯器創建該站點，因為我們現在想嘗試使用該編輯器。 This leads us to next step;這將我們引向下一步；

3. 選擇 Wix 預建站點模板

單擊“從模板開始”按鈕後，您將被引導至各種模板。

正如您在上圖中所看到的，Wix 已經在“業務和服務”類別中突出顯示了許多相關模板。

不僅如此，還有一個便捷的搜索選項可幫助您過濾合適的模板（在此處查看Wix的預建模板).

編輯 Wix 預建模板

選擇模板後，您將看到完整的 Wix 編輯器儀表板。 Wix 儀表板內有 3 個關鍵區域（請參閱突出顯示的部分）：

• 核心部分是您的網站——當您進行更改時，您可以實時預覽它們；
• 在您的右側，您可以選擇刪除、複製、旋轉和調整網站上各種元素的位置； 和，
• 左側是您可以使用的構建塊和設計選項。

4.添加站點元素和功能

讓我們還詳細了解構建基塊和設計選項中的所有元素。

網站背景

如果您想更改背景顏色，只需單擊“顏色”選項，Wix 就會顯示一個調色板。 當您將鼠標懸停在調色板中的任何顏色上時，Wix 會向您顯示實時預覽。

如果您喜歡圖像背景，則可以上傳自己的圖像，也可以從Wix免費提供的精美圖像集中選擇。

這些圖像不僅美麗，而且還整齊地分類。

同樣，如果您想再次嘗試視頻背景，您可以上傳自己的視頻或從 Wix 的收藏中選擇一個。

通過向您提供這種優質媒體資源，Wix確實可以幫助您構建具有精美圖像或媒體的精美網站。

If you've ever tried recreating demos of most website builder templates, you might know how your designs fall flat when compared to them.如果您曾經嘗試重新創建大多數網站構建器模板的演示，則可能會知道與它們相比，您的設計如何平淡無奇。 This almost always happens because of lack of quality imagery, but Wix takes good care of you in this area.由於缺少高質量的圖像，幾乎總是會發生這種情況，但是Wix在這一領域會很好地照顧您。

內容塊和設計元素

The 'Add' option lets you add design elements to your website.通過“添加”選項，您可以將設計元素添加到您的網站。 These elements include:這些元素包括：

添加這些元素中的任何一個，您都會意識到Wix已經關注了“小”細節。

例如，對於我們的示例網站，我決定在主菜單中添加一個 CTA（號召性用語）按鈕。 因此，當我單擊按鈕設計元素時，Wix 向我展示了幾種按鈕樣式，並且還精心挑選了適合我的模板的建議樣式。

另一件需要注意的事情是，這些設計元素是完全可定制的。 在我們的示例中，我放置在菜單中的 CTA 按鈕看起來有點不合適，因為它略小，而且字體與默認菜單字體不匹配。

但是有一個簡單的解決方法。 只需單擊一個元素即可打開其設計工具箱。 單擊畫筆圖標後，您會看到許多自定義選項。

如果將這些設計工具與大多數其他平台提供的工具進行比較 像Squarespace，您會注意到這裡有更多具有100多種樣式和自定義選項的元素。 Wix的功能遠遠超過其他大多數網站建設者提供的功能。

網站功能（通過 Wix App Market）

“ Wix應用程序市場”是一個包含大量第三方和Wix本機應用程序的存儲庫，可讓您擴展站點的功能。

如果您只想建立一個基本的網站，則不需要任何其他應用程序，因為Wix涵蓋了您可能需要的幾乎所有功能。

However, there may be times when you need features that aren't present in Wix right out of the box.但是，有時您可能需要立即使用Wix中不存在的功能。 Or, you might want to extend your website or add some marketing power to it.或者，您可能想擴展您的網站或為其添加一些營銷能力。 For all such times, just head on over to the Wix App Market.在所有此類情況下，只需進入Wix應用程序市場即可。

許多應用程序是免費的，還有一些高級應用程序。

雖然您添加的應用將取決於您的需求，但我建議您使用一種，即“Wix獲取訂戶' app.的應用。 You can use it to add signup forms and popups on your website and build an email list super-fast.您可以使用它在網站上添加註冊表單和彈出窗口，并快速建立電子郵件列表。

我的上傳

“我的上傳 Wix中的部分就像您的個人圖像庫。 This section contains all the visual files you've uploaded to Wix like images, video, audio, and others that you can add to your site.本部分包含您已上載到Wix的所有可視文件，例如圖像，視頻，音頻以及可以添加到網站的其他文件。

用於博客的 Wix

如果願意，您可以向該頁面添加更多元素。 只需使用“博客管理器”菜單中的“添加博客元素”選項，然後單擊“立即添加”。

“添加博客元素”選項可讓您將不同的元素添加到博客頁面，例如：

• Disqus評論
• Facebook評論
• 自訂資訊提供
• RSS
• 分類
• 還有一些。

除了這些元素之外，本節還建議一些可以為您的博客增加更多功能的Wix應用程序。

Wix用虛假帖子預填充了博客頁面，因此使用您的內容進行更新變得更加容易。

預訂

如果您想提供諮詢或需要預訂系統的其他事項，“預訂”選項可能會很有幫助。

這涵蓋了左側面板上的所有選項以及一般的Wix編輯器。

5.發布上線

您的網站現在可以發布了。 在您點擊右上角的按鈕發布您的第一個 Wix 網站之前，您可以預覽它。 在單擊“發布”之前，請確保您對網站的每個部分都滿意。 一旦你按下那個按鈕，你就會看到你的 域名 出現在彈出窗口中。 您可以選擇將您的 Wix 站點連接到您自己的域 (通過將域名服務器指向Wix），或將其保留為默認值。

您的Wix網站現已正式啟用！

使用 Wix 網站管理器管理和更新您的網站

完成網站設計後，您可以從“網站”菜單選項訪問您的網站設置。 單擊“站點管理器”，您可以看到可用於提升 Wix 網站的選項列表。

Wix網站管理器下的選項

從可用選項列表中，我們將討論一些我們認為對您的網站很重要的選項。

域

The domain setting lets you connect a custom domain and add a customized favicon to your Wix website.域設置允許您連接自定義域並將自定義圖標添加到Wix網站。 However, you need a Wix premium plan to do this.但是，您需要執行Wix高級計劃。

（搜索引擎優化）

SEO設置可讓您向網站添加自定義跟踪和其他代碼。 You can add tracking code for Google Webmaster tools, Bing Webmaster Tools, Twitter Cards, Pinterest Verification and more*.您可以為Google網站管理員工具，必應網站管理員工具，Twitter卡，Pinterest驗證等添加跟踪代碼。 Learn more about學習更多關於 SEO基礎 這裡。

移動

此設置僅可確保您運行的是適合移動設備瀏覽的網站。

語言和地區

Wix的一項重要功能是，它可以幫助您立即創建本地化的網站。 Under the 'Language & Region' setting, you can specify the language of your website.在“語言和地區”設置下，您可以指定網站的語言。

商業信息

在“公司信息”設置下，您可以添加公司名稱，地址，電子郵件等詳細信息。

社會

（我很好奇為什麼這裡只包含Facebook！）

Analytics（分析）

與一些網站建設者不同，Wix 沒有自己的訪問者或網站指標跟踪系統。 出於跟踪目的，Wix 與 Google Analytics（分析） 所以你可以在這裡添加你的谷歌分析腳本。

角色和權限

Wix允許您將多個用戶添加到您的網站，並支持不同的用戶角色，例如博客撰稿人，編輯者，管理員等。

SSL證書

HTTPS is automatically enabled for all newly created Wix sites without additional cost.自動為所有新創建的Wix站點啟用HTTPS，而無需支付額外費用。 You can check the settings in your site's dashboard.您可以在網站的信息中心中檢查設置。 At the time of writing, Wix doesn't support third-party在撰寫本文時，Wix不支持第三方 SSL證書.

*關於SEO設置的附加說明：

這裡一個非常有趣的Wix SEO工具是 搜索引擎優化。 SEO Wiz通過頁面SEO幫助網站。

總結起來

This is probably as much as you need to know to start your website with Wix.這可能是您需要使用Wix來啟動網站所需的知識。 I have covered Wix ADI, the Wix editor, and the various site settings available.我已經介紹了Wix ADI，Wix編輯器以及各種可用的站點設置。

祝您第一個Wix​​網站好運！

常見問題解答

閱讀更多

• 如何增加您的博客流量
• 建立並翻轉網站以獲利
• Wix 定價計劃和替代方案
• 優秀 WordPress 替代方案