Wix 初學者教學逐步建立您的網站

Tooltester 受到像您這樣的讀者的支持。 當您透過我們的連結購買時，我們可能會賺取聯盟佣金，這使我們能夠免費提供我們的研究。

網站建立者經常被譽為「建立網站的最簡單方法」 。 當我們談論網站建立者時，他們不會比 Wix 更大 – 它在全球擁有超過 2 億用戶（您可以在此處查看一些真實的 Wix 網站範例）。

儘管如此，Wix 無數的編輯和自訂選項仍然會讓新用戶不知所措。

在這個全面的 Wix 教程中，我們介紹了在 Wix 中建立自己的網站所需了解的主要內容- 涵蓋了整個過程中的每個步驟。

雖然我們不會詳細介紹您可以使用 Wix 做的每件事（實在是太多了！），但我們保證：在本 Wix 教程結束時，您將了解足夠的知識來進行簡單但又簡單的操作。專業外觀的Wix 網站即將上線。

那麼，就讓我們直接進入正題吧！

此 Wix 教學適合誰？

在本 Wix 教學中，我們將建立一個基本的攝影作品集網站。 所以，如果您是攝影師、設計師、藝術家或創意專業人士，那麼您來對地方了！

我們還將引導您添加預約日曆、聯絡表單以及優化您的搜尋網站 - 因此，如果您是小型企業或想要添加這些功能的自由工作者，本教學將同樣適用。

Wix 的設計適合初學者，因此無論您的技術水平如何 - 透過本教程，您將能夠立即創建一個功能齊全的 Wix 網站！

如需一些額外的見解，您可能想查看我們的 Wix 評論，以了解其優點和缺點：

分步 Wix 教程

請隨意按照我們影片中的步驟操作或閱讀書面版本。 或兩者都使用。 無論什麼對你有用！

在這裡免費試用 Wix。

第 1 步 – 註冊 Wix

首先，請造訪 Wix.com 建立一個帳戶。 （注意：Wix 偶爾會更改其介面，因此接下來的步驟對您來說可能看起來不完全相同，但即便如此，它也非常直觀，因此應該能夠輕鬆遵循。）

點擊「開始」按鈕，然後建立新的登入名，或使用您現有的 Google 或 Facebook 帳戶登入。 在此階段，它完全免費使用，因此您無需提供任何付款詳細資訊。

步驟 2 – 選擇您的網站類別和功能

然後，設定精靈會詢問您一些有關您要建立的網站類型的問題。 在我們的例子中，我們將輸入“攝影師”並點擊“下一步”，但您當然可以輸入與您的網站相關的類別。

輸入您的網站名稱（可以是您的公司名稱、專案名稱或您自己的名稱），然後再次按一下「下一步」。 這將顯示在您網站的頁面標題中，但您可以稍後根據需要進行更改。

然後它會詢問您是否需要某些功能。 在我們的案例中，它會推薦一個作品集來展示作品，並推薦一個預訂，以便客戶可以在線預約拍攝照片（或我們可能提供的任何其他服務）。

勾選以選擇您想要新增到網站的功能，或者如果您願意，可以點擊「跳過」。 您可以隨時新增或刪除這些內容，因此如果您以後改變主意，也不必擔心。

步驟 3 – 選擇您的網站建立選項

點擊可存取儀表板，這是您網站的控制中心。 您將能夠從這裡管理整個網站，因此值得花時間探索所有不同的區域和功能。

您還將看到一個清單，其中涵蓋了建立網站的主要步驟 - 新增服務、連接網域等。 但是，我們要做的第一件事是更改網站的內容，因此請點擊右上角的「設計網站」按鈕。

然後，您將有兩個選擇：讓 Wix 使用其 AI 建構器為您建立網站，或選擇一個範本。 讓我們選擇“模板”選項，以便我們可以按照我們想要的方式設計我們的網站。

步驟 4 – 選擇模板

現在我們來到創建網站最令人興奮的部分之一：選擇模板。 正如您所看到的，Wix 為攝影師和創意人員提供了出色的模板 - 這也是它們成為建立作品集網站如此受歡迎的選擇的原因之一。 Wix 會根據您先前選擇的類別自動過濾選擇，但您可以變更類別以獲得更廣泛的選擇 - 只需點擊頁面頂部的選單，然後選擇您喜歡的類別。

我們將堅持使用攝影師類別並選擇婚禮攝影師範本。 您可以將滑鼠懸停在模板上並點擊「檢視」來預覽模板，或按一下「編輯」開始使用它。

第 5 步 – 了解 Wix 編輯器

我們現在處於 Wix 的拖放編輯器中。 不要讓所有選項讓您望而卻步：我們將引導您逐步完成操作。

首先，讓我快速介紹一下編輯器以及螢幕上的所有不同選項。

1. 編輯器：您可以在此處更改網站內容 - 文字、圖像等。 該編輯器是完全拖放式的，這意味著您可以拖曳頁面上的任何元素並將其放置在您喜歡的任何位置。
2. 功能工具列：透過此工具列，您將能夠管理網站的內容。 您可以新增元素，例如圖庫、表單和應用程式； 編輯您網站的設計； 管理您的頁面等等。
3. 儲存、預覽和發布：在右上角，您可以選擇儲存變更（儘管在您第一次手動儲存工作後，Wix 會定期自動儲存變更）、以訪客身分預覽您的網站以及發布進行變更後您的網站。 確保在準備好生效後立即點擊“發布”按鈕，因為更改不會自動發布（這是一件好事！）。
4. 頁面切換器：在這裡，您可以導航到網站的不同頁面，其中許多頁面是根據您選擇的範本自動插入的。 您還可以新增頁面、刪除它們以及將它們隱藏在公共視圖中。
5. 後端工具列：這裡有很多功能，但您將使用的主要功能將在「設定」下 - 連接域、搜尋引擎優化（SEO）等。 您也可以透過「幫助」選項存取 Wix 的幫助中心和客戶支援。

第 6 步 – 編輯圖像和文字

我們首先關注主頁。 您可以透過直接點擊每個元素來對其進行自訂 - 與任何文件編輯器相同。 然後，您可以將其拖曳到頁面上的任何位置，或變更其內容。

例如，透過選擇文本，然後按一下「編輯文本」來變更文字。 如果您需要一些靈感，您也可以選擇「建立 AI 文字」。 （如果這些建議還不夠好，當然可以參考全能的 ChatGPT 或其他 AI 替代方案。）

如果我們想顯示不同的圖像，只需單擊該圖像，然後單擊“更改圖像”按鈕即可。 然後我們就可以上傳我們自己的圖像並替換當前的圖像。

Wix 的編輯器是基於部分的，因此當您向下捲動頁面時，您可以看到其中的不同部分。 也可以新增新的部分並重新排序。

您可以透過返回頁面切換器來一一自訂網站的所有頁面。 Wix 插入了一些它認為您會覺得有用的內容，但如果您不需要它們，您可以隨時刪除它們。

第 7 步 – 新增圖片庫

讓我們轉到螢幕左側的工具欄，您可以在其中向頁面添加元素和應用程式。

您可以透過點擊 + 符號並選擇「圖庫」來新增圖片庫，然後將所選圖庫拖曳到頁面上的任何位置。

在此範本中，圖庫已位於「關於我」文字下方。 若要變更佈局，請選擇圖庫，按一下“設定”，然後按一下“佈局”。 我們選擇“網格”。 請注意，您可能需要編輯或重新排列某些圖像才能使它們在此佈局中正確顯示。

若要新增您自己的照片，請按一下「管理媒體」按鈕，然後按一下「取代圖像」和「上傳媒體」。

您可以再次上傳自己的圖像，甚至可以從 Wix 的免費庫存照片庫中選擇一張。

第 8 步 – 新增 Wix 預訂

應用程式對於為您的網站添加額外功能非常有用，Wix 在其應用程式市場中擁有大量應用程式。 例如，要新增預約功能，請按一下左側選單中的「新增應用程式」。

然後搜尋“Wix Bookings”，這是 Wix 自己的預約安排應用程式 - 如果您是攝影師，希望透過您的網站進行拍攝預訂，那麼這會很方便。 幸運的是，我們已經在模板中預先安裝了它，因此我們不需要再次安裝它。

但是，如果您想將其新增至主頁，請先為其建立一個部分。 您可以透過前往編輯器，將滑鼠懸停在要放置該部分的位置（它需要位於兩個現有部分之間），然後在出現時按一下「新增部分」按鈕來完成此操作。

然後，轉到“預訂”，並將您選擇的區塊拖曳到新部分中。

接下來，點擊新新增部分上方顯示的「管理服務」按鈕。 不必擔心您在這裡看到的圖像和文字 - 這些只是佔位符，一旦您添加自己的服務，它們就會更新。

為了讓事情變得更容易，Wix 允許您從一些現有選項中進行選擇，例如約會、課程或課程，或者您可以透過選擇「從頭開始」來新增自己的選項。

我們來編輯「訂婚照」。 在這裡，您只需編輯持續時間、價格和付款選項、位置詳細資訊以及員工可用性。 您還可以添加更多圖像並存取高級功能，例如手動或自動批准請求以及自訂預訂表格。

完成後請記得點擊「儲存」。

第 9 步 – 新增聯絡表格

如果您希望客戶取得聯繫，則必須在您的網站上新增聯絡表單。 在我們的範本中，一個表單已新增到主頁，就在頁腳之前。 如果您的範本沒有，只需再次單擊左側工具列中的 +，然後導航至“聯絡人和表單”，將您選擇的表單拖曳到頁面上。

若要新增字段，請按一下表單，然後按一下「新增欄位」按鈕。 要變更欄位的名稱，只需點擊要變更的文字區塊並選擇“編輯欄位”即可。 簡單的！

在表單設定（帶有齒輪圖示的按鈕）中，您可以變更表單名稱，選擇使用者提交表單時顯示的訊息，甚至可以直接透過表單接受付款（如果您使用的是 Wix Business）計畫）。

第 10 步 – 優化您的網站以進行搜索

您的網站即將開始整合！ 但在發佈網站之前要採取的最重要步驟之一是針對搜尋優化網站。 幸運的是，Wix 讓這一切變得非常容易。

轉到頁面最頂部的“設定”，然後選擇“在 Google 上找到”選項。

您將退出編輯器並返回 Wix 的主儀表板。 點選“開始”按鈕。

然後，請依照步驟操作。 填寫您的公司名稱 - 例如“波特蘭婚紗攝影”。

指定您是否在本地為客戶提供服務，如果是，請新增您的位置 - 例如波特蘭。

添加一些相關關鍵字，例如“波特蘭婚禮攝影”和“波特蘭訂婚攝影”，並用逗號分隔術語。 最好從一個重點清單開始，因此現在只需 2 或 3 個搜尋字詞即可。

點擊“下一步”，您將看到如何優化網站的個人化清單。 點擊每個步驟旁邊的“Go for it”，按照每個步驟進行操作。 Wix 會自動將您帶到正確的位置來執行每個關鍵步驟。

完成後，您將擁有一個可以在 Google 上找到的網站！ 請注意，您的網站可能需要幾天才能被 Google 識別並開始排名。

第 11 步 – 最終任務

現在進行最後的步驟。 在發佈網站之前，我們建議您做幾件事。

完成頁面導航

首先，返回編輯器，然後點擊左上角的頁面切換器來管理頁面和選單。 您可以拖放頁面以重新排序導覽選單，以及隱藏和刪除頁面。

編輯您的行動網站

接下來，檢查網站的行動版本，確保一切看起來都正常，因為 Wix 的行動設計並不總是 100% 適合行動設備，有時需要一些手動調整。 您可以透過點擊頁面頂部的手機圖標，然後在行動編輯器中進行更改來完成此操作：

請注意，行動編輯器不如桌面編輯器靈活，因此您可以更改的內容受到限制。 但是，您通常可以進行一些調整，以確保元素全部對齊，重新排序部分，甚至當訪客在行動裝置上查看您的網站時完全隱藏它們。 （如果您的網站上有影片等大型媒體，並且不想將它們顯示給可能使用行動數據的行動用戶，這會很方便。）

設定您的域名

最後，要發布您的網站，您需要為其分配一個網域（例如www.mywebsite.com ）。 您有幾種選擇：

• 使用免費的 Wix 網域（例如username.wix.com/sitename ） – 這對於個人專案（例如簡歷或婚禮網站）來說很好，但不建議用於專業和商業網站。
• 您可以從 Wix 購買您自己的域名 – 如果您註冊按年付費計劃，則第一年將免費包含一個域名
• 連接您自己的域名 – 從長遠來看，從其他提供者（例如 Namecheap）購買域名，然後將其連接到您的 Wix 網站通常會更便宜。

有關每個選項的更多信息，請查看我們的 Wix 網域指南。

發布您的網站

準備好後，您所要做的就是點擊編輯器右上角的「發布」按鈕，然後您就可以上線了！ 這裡的所有都是它的！

Wix 教學：結論

在本 Wix 教程中，我們介紹了在 Wix 上發布簡單但功能齊全的網站所需了解的基礎知識。 但作為市場上最強大的網站建立者之一，您可以用它做更多的事情 - 請隨時查看我們的 Wix 評論以了解更多資訊。

如果您覺得自己已準備好嘗試 Wix，可以從這裡開始。

不確定 Wix 適合您嗎？ 如果您想要一個更易於使用的網站建立器，我們建議您查看我們的最佳網站建立器清單。

另一方面，如果您追求更大的靈活性和控制力，那麼您可能需要查看 Wix 的更高級功能，例如 Wix Editor X 或 Wix Velo。 但請注意，這些需要更多的技術專業。 Webflow 也是一個可靠的替代方案，儘管它的學習曲線要陡峭得多。