如何使用 Wix 製作網站:Wix 初學者教程

已發表: 2021-09-09

如果您已準備好學習如何使用 Wix 製作網站,那麼我們就為您提供所需Wix 教程!

我們將引導您完成使用 Wix 的每一步,直到您準備好在一個下午的時間內創建一個網站。 不相信我? 然後檢查一下。

借助一系列具有豐富的開箱即用功能集的創新工具,您只需單擊幾下即可使用 Wix 技術創建整個網站。 在本文中,我們將帶您完成 Wix 體驗的每一步,以回答您關於 Wix 的工作原理以及使用 Wix 創建網站的難易程度的所有問題。

目錄 – 如何使用 Wix 製作網站:

  • 使用 Wix 創建一個帳戶
  • 使用 Wix 設置您的網站
  • 使用 Wix ADI 構建網站 ️
  • 使用 Wix 編輯器構建網站️
  • 在 Wix 上創建博客️
  • 預覽並保存您的網站
  • 發布您的 Wix 網站以使其上線
想用@Wix 製作一個#website? 使用此分步指南在一天內建立一個網站
點擊推文

維克斯酒店常見問題及解答

“Wix 可以免費創建網站嗎?”

Wix 確實有一個免費選項,但您的網站將帶有“Wix 廣告”品牌。 它也將在這樣的子域下發布: https://USERNAME.wixsite.com/SITE-NAME ://USERNAME.wixsite.com/SITE-NAME

“我需要擔心託管和安全嗎?”

因為 Wix 是一個完全託管的解決方案,所以網絡託管、安全性和網站維護都由您負責。

“Wix 擁有我的域名嗎?”

不會。當您註冊 Wix 時,您會從他們那裡購買域名。 根據您的訂閱,您將獲得一年免費,但域名的所有權將轉移給您。 Wix 只是在那裡協商交易並代表您在域註冊表中註冊您的名字。

“Wix 擁有我的內容嗎?”

不會。當您使用 Wix 製作網站時,您仍然擁有自己的內容。 但是,如果您打算從 Wix 遷移,則需要手動複製所有內容並使用新工具重建站點。 不幸的是,Wix 沒有提供一種簡單的方法來導出您的內容。

“我不是開發人員,我還能在 Wix 上建立專業網站嗎?”

確實。 Wix 附帶 500 多個專業設計的模板,可幫助您製作出令人驚嘆的作品。 您需要做的就是添加您的內容並發布您的網站。 還是不服氣? 查看我們收集的真實 Wix 網站示例。

“我可以在 Wix 上創建在線商店嗎?”

是的,Wix 具有創建在線商店的絕佳選擇。 您可以從添加到站點菜單 → 存儲 → 添加到站點添加商店。 Wix 為各種商店制定了特定的電子商務計劃。 價格高於標準計劃,但 Wix 不收取額外的交易費用。

“Wix 對 SEO 不利嗎?”

不,Wix 網站可以而且確實在 Google 搜索結果中排名很好。 然而,Wix 確實有一段時間的 SEO 聲譽不佳。 快進到今天,多年來,Wix 已經恢復了很多優勢並顯著改善了其 SEO 選項。 他們不僅有所改進,而且還在繼續這樣做,Wix 最近添加了一堆新的 SEO 工具,這可能有助於最終打破這個神話。 閱讀我們深入的 Wix 評論並確定這是否是您的最佳選擇。

使用 Wix 創建一個帳戶

如果您還沒有,請跳轉到 Wix 網站,然後單擊“開始”按鈕。 這是您學習如何使用 Wix 製作網站的第一步。

Wix 註冊頁面

您可以使用所有標準方法進行註冊。 如果您以前使用過 Wix,您仍然可以使用該帳戶。 事實上,您可以在一個帳戶上創建多個 Wix 網站,但 Wix 定價不支持多個網站,因此您需要為每個網站支付全價。

Wix 註冊頁面

創建帳戶後,您將面臨創建 Wix 網站時的第一個艱難決定:在人工設計智能 (ADI) 工具或 Wix 編輯器之間進行選擇。

Wix ADI 和 Wix Editor 之間的選擇

Wix ADI 與主編輯器之間哪個更好? 老實說,這取決於你想做多少工作。

  • 當您需要一個功能齊全的網站時,Wix ADI 是最好的選擇,需要在這里和那裡進行微小的調整。
  • Wix 編輯器最適合任何有興趣從頭開始構建網站的人(嗯,至少是一個模板)。

仍然不確定哪個選項最好? 回答這些問題:

我只想上傳照片並添加一點文字

Wix ADI 能夠更好地處理這種不干涉的方法。

我想控制一切——包括顏色和字體

使用 Wix 編輯器的各種顏色和字體。

我需要全方位的應用程序和集成

Wix 編輯器為第三方應用程序提供了更多選項。

如果您擔心自己過頭了,那麼請注意,您可以隨時從 Wix ADI 切換到傳統編輯器(不幸的是,切換回來並不是那麼簡單)。 那麼,讓我們從 Wix ADI 開始這個 Wix 教程(在此處跳至 Wix 編輯器)。

如何使用 Wix 製作網站

關於 Wix 人工設計智能 (ADI) 工具,您首先應該了解的是它令人印象深刻。 它可以在大約 20 分鐘內建立一個根據您的需求量身定制的獨特網站。 Wix 是如何解決這個問題的? ADI 使用數據庫過濾和組合數十億個佈局、文本、圖像和設計,以提供有吸引力的網站。 而且,這一切都始於有關您網站的幾個問題。

蠟 ADI 問題

我總是提到您可以跳過並開始構建。 但從長遠來看,我從未見過效果更好。

考慮到這一點,您的回答將幫助 Wix ADI 建立一個主頁,其中包含有意義的部分和功能,用於安排約會、銷售產品、廣告服務等。 對於初學者,Wix ADI 本質上使添加功能成為一鍵式過程。 只需滾動列表並在 Wix 主頁上選擇您想要的功能。

Wix ADI 將根據您的網站目標建議功能。

在我們開始使用 Wix 之前,我們需要一個網站名稱。 再一次,你可以跳過,但如果你有一個名字,調整你的 ADI 構建的網站會容易得多。 如果您沒有完美的名稱,請花一點時間創建一個在球場上的名稱。

添加名稱

如果您使用 DomainWheel 之類的東西,甚至可能不需要一分鐘。 使用 DomainWheel,您將能夠生成名稱並立即購買域名。 因此,在您生成名稱時,讓我們暫停一下這個 Wix 教程。

取一個名字

添加姓名後,您可以嘗試從其他網站導入內容。 看起來很棒,但我在使用它時從未有過超過 550 的結果。 最後,您可以跳過。

Wix 內容導入器

您最好花時間在以下屏幕上確定您網站的身份。 您將能夠查看到目前為止添加的所有內容、添加聯繫信息、實際位置以及所有社交媒體頁面。 我也悄悄地建議你利用這個機會製作一個標誌。

評論信息

不用擔心,您可以使用 Themeisle Logo Maker 輕鬆製作基本的標識和標識。 只需選擇一些字體,選擇佈局,選擇顏色,然後下載整個徽標包,即可在網站、社交媒體和網站圖標上使用。

Themeisle Logo Maker 免費製作令人印象深刻的徽標。

使用 Wix ADI 構建網站

現在我們有了一個有身份的網站,讓我們來看看令人興奮的事情:構建它。

您的第一步是選擇合適的配色方案和字體樣式。 Wix ADI 將展示九個帶有預定義調色板的選項。 選擇一個你喜歡的,然後讓 Wix 完成剩下的工作。

選擇一個主題

一兩分鐘後,Wix ADI 將展示三個包含所有內容的網站設計。 認真的,一切。 你將擁有:

  • 英雄形象
  • 產品組
  • 有意義的標題
  • 鈕扣
  • 和更多。

滾動每個設計以快速瀏覽並了解它們的外觀。

使用預製的主頁設計。

選擇與您對話的 Wix 主頁後,Wix ADI 將生成一些重要頁面。 準備就緒後,單擊“添加頁面”按鈕將它們包含在最終網站中。 當您準備好將此 Wix 教程帶到編輯階段時,請單擊Edit Site

Wix ADI 構建了基本頁面。

掌握 Wix ADI 編輯器

一般來說,Wix ADI 編輯器更適合初學者或任何想要進行快速編輯的人。

只需單擊設計元素(如圖像或按鈕)即可對其進行自定義。 在左側,會出現一個菜單欄,其中包含各種選項,根據元素,您可以更改圖像、標題等內容。

使用 Wix ADI 編輯器自定義設計元素

如果單擊“部分設計”按鈕,只需單擊幾下即可更改顏色、字體或整個佈局。

更改部分佈局

當您從大量頁面開始時,您的網站可能需要一些不同的東西。 您可以通過單擊頂部菜單欄中的添加 → 頁面來搜索 Wix 的預製頁面目錄。 具有多種佈局的頁面很好地組合在一起,包括:

  • 恢復
  • 促銷頁面
  • 合法的
  • 訂單
  • 空白頁
  • 和更多
使用 Wix ADI 添加頁面

也許您想嘗試其他主題、字體和顏色。 不用擔心,您可以隨時通過設計選項更改任何這些內容。 您甚至可以回到原始主題並嘗試完全不同的東西。

在 Wix ADI 中更改顏色

如需額外功能和站點管理工具,請單擊“管理”以查看您的選項。

  • 所有應用程序都用於添加額外的功能,如視頻、活動、會員區等。
  • Ascend Business Tools 是一項免費增值服務,用於分析、營銷選項和其他網站管理要素。
在 Wix ADI 中添加應用程序和工具

一旦您對自己的網站感到滿意,請跳至發布您的網站部分。 但是,如果您對如何使用 Wix 編輯器感到好奇,那麼在我們了解如何將 Wix 與傳統編輯器一起使用時,請繼續閱讀本 Wix 教程。

如何使用 Wix 編輯器

以下是本節的內容:

  • 蠟編輯器 101
  • 將元素添加到您的 Wix 網站
  • 使用菜單和頁面
  • 使用主題管理器
  • 設置背景
  • 安裝應用程序
  • 添加媒體

要打開 Wix 編輯器並開始這部分 Wix 教程,請單擊編輯模板。

在 Wix ADI 和 Wix 編輯器之間進行選擇

Wix 有大約 800 個模板,可以按類別或搜索進行過濾。 找到適合您項目的模板後,翻轉並單擊Edit

Wix 模板選項

蠟編輯器 101

與 Wix ADI 編輯器不同,拖放式 Wix 編輯器不使用自動化流程來創建獨特的網站。 您將手動使用 Wix 來構建和自定義您的網站。 這表示:

  • 從頭開始創建標題和正文。
  • 採購和上傳圖片,包括英雄圖片、產品圖片等。
  • 在 App Marketplace 中搜索模板中未包含的其他功能。

當您準備好開始時,單擊任何元素以查看編輯可能性。

例如,單擊圖像元素可為您提供更改圖像、添加過濾器、添加鏈接、裁剪圖像等選項。

Wix 設計元素選項

要了解您的編輯可能性,請單擊每個元素以發現其獨特的設計和佈局選擇。 例如:

  • 文本塊具有切換標題和字體大小、添加效果等的選項。
  • 使用表單,您可以更改設計、佈局和字段數量。

任何更改都會實時顯示。 不開心? 點擊撤消箭頭,就好像它從未發生過一樣。

編輯單個元素將為您的網站增添一點亮點,但要了解如何編輯 Wix 網站以進行全局更改,您需要使用左側的菜單。

Wix 編輯器的菜單選項

將元素添加到您的 Wix 網站

要添加模板中未包含的網站元素,請單擊“+”符號。 網站所需的一切都在這裡,包括:

  • 畫廊和圖像
  • 交互式幻燈片
  • 視頻和音樂
  • 鈕扣
  • 形式

例如,在這個迷你 Wix 教程中,讓我們看看如何在 Wix 中添加搜索欄。 點擊“+”→菜單→站點搜索。 您可以將任何搜索欄拖到頁面上。

Wix 教程涵蓋瞭如何在 Wix 中添加搜索欄的 steos

與其他 Wix 編輯選項一樣,網站元素具有健康的樣式和佈局範圍。

使用菜單和頁面

要更改您的站點結構,最簡單的方法是通過“菜單和頁面”選項添加 Wix 頁面。 選擇後,它會為您提供菜單、頁面及其在主菜單中的可見性的概覽。

訪問菜單和頁面選項

當您準備好添加 Wix 頁面時,單擊添加頁面按鈕以打開頁面選擇菜單。 如果您遵循本 Wix 教程的早期階段,那麼頁面選擇菜單將會很熟悉。 它有一長串具有不同佈局和样式的附加頁面。 只需翻轉您喜歡的設計,然後單擊添加頁面

如何從添加頁面菜單向 Wix 網站添加頁面

一旦頁面出現在主菜單中,您就可以管理基本的 SEO 設置、添加社交分享圖片或更改標題。

Wix 頁面管理選項

最後,您還可以從菜單中刪除頁面、重命名或複制它。

使用主題管理器

主題管理器用於更改配色方案和字體選項。 讓我們分別看看它們。

顏色

在學習如何創建 Wix 網站時,調色板是最大的挑戰。 幸運的是,Wix 提供了一些“設計師認可”的調色板,讓您輕鬆進入流程。

單擊顏色會顯示您當前的配色方案。 您可以將其翻轉並單擊更改主題以查看 Wix 推薦的顏色。 滾動每個調色板可為您提供預覽。

在 Wix 編輯器中預覽顏色變化

如果您喜歡新的配色方案,請單擊調色板進行切換。 另一方面,如果您想進行細微調整,請單擊“返回”

要編輯顏色,請單擊任何顏色滴以打開顏色選擇器。

添加顏色

要進行細微調整,請單擊小彩色框以打開調整陰影框。

如何在 Wix 網站上更改顏色

再次,您將看到更改的預覽。 如果您滿意,請單擊應用進行更改。 否則,關閉該框以取消任何更改。

文本

為了調整 Wix 字體,主題管理器擁有您需要的一切。 通過“文本”按鈕打開選項以查看您的網站上使用了哪些字體。

更改標題上的 Wix 字體

例如,標題 1 是您在每一頁上的主要標題。 如果您更改此字體,您將更改您網站上的所有 H1。

要滾動瀏覽 Wix 上的可用字體,請單擊小鉛筆 → 向下箭頭以打開 Wix 字體列表。

滾動瀏覽 Wix 字體列表

所有最好的 Wix 字體都在這裡,但如果您想向 Wix 添加更多字體,請單擊上傳字體按鈕。 您可以在幾秒鐘內將 TTF、OTF、WOFF 和 WOFF2 字體添加到 Wix。

設置背景

不考慮背景選項,任何 Wix 教程都是不完整的。 Wix 有大量免費圖像和顏色可供選擇,只需單擊幾下即可將其放入背景中。 不僅如此,您還可以更改不透明度或添加滾動效果,而無需其他 Wix 教程。

要了解背景,請單擊背景。 在這些選項中,您會發現一個包含數百個選項的免費媒體庫。

Wix 網站的頁面背景選項

要訪問更多動態選項,請單擊設置。 在這裡您可以更改不透明度或添加滾動效果。

Wix 網站的動態背景選項。

當您滿意時,您可以將更改應用於站點範圍或僅應用於某些頁面。

如何將更改應用到某些頁面。

安裝應用程序

現在來看這個 Wix 教程中令人興奮的部分:添加應用程序和功能。 Wix App Market 擁有超過 250 個付費和免費應用程序,是增強您的網站的簡便方法。

Wix 應用市場

找到一個應用程序再簡單不過了。 根據功能搜索,或瀏覽熱門選項和類別。

例如:

  • 對於數據收集和分析,有訪客分析等應用程序。
  • 您可以使用獲取 Google Ads 設置 Google 廣告。
  • 如果您需要知道如何將可下載的文件添加到 Wix,您甚至可以找到諸如 Wix File Share 之類的應用程序。

雖然您可能對應用程序的數量和種類印象深刻,但請等到您看到它們的安裝和使用多麼容易。 沒有 Wix 教程,只需點擊Add to Site 。 Wix 將處理其餘部分。

添加媒體

無論您正在構建哪種類型的網站,您都將依靠媒體元素來吸引眼球並保持人們的參與度。 管理這些元素、對其進行調整和存儲它們是通過 Wix 媒體中心處理的。

Wix 媒體中心有許多用於存儲和調整圖像的選項

您可以從 Facebook 等標準平台傳輸媒體,也可以從 Dribble 或 DeviantArt 等更多小眾網站傳輸媒體。

傳輸圖像後,使用設備齊全的 Photo Studio 進行裁剪、增強和調整。

Wix Photo Studio 擁有強大的圖像調整工具/

在 Wix 上創建博客

如果您對內容營銷感興趣,這是您一直在等待的 Wix 教程的一部分。 我們將在我們的 Wix 網站上添加一個博客。 讓我們從“開始寫博客”按鈕開始。

雖然默認情況下 Wix 不啟用博客,但添加 Wix 博客管理器非常容易。 只需單擊“立即添加” ,即可安裝該應用程序。

帶有博客的 Wix 網站

每個博客工具都將在幾分鐘內添加到您的網站。 完成後,您將能夠創建和管理整個帖子存檔。 現在讓我們添加一篇博文。

使用 Wix 創建博客文章

單擊博客管理器 → 創建帖子,開始您的博客生涯。

博客儀表板和編輯器只需幾秒鐘即可打開。 文本編輯器看起來就像地球上的所有其他文本編輯器。 設置文本格式所需的一切,例如粗體、顏色、列表和對齊方式,都可以在屏幕頂部找到。

使用 Wix 製作網站:撰寫博客文章

在左側,您可以選擇管理帖子和添加圖像、畫廊和按鈕等設計元素。

如果您需要更改封面圖片、作者或出版日期,請打開設置選項。 您還可以設置SEO任務,例如標題、描述和 slug。 最後,您還可以在這裡找到類別標籤翻譯的管理。

管理您的 Wix 博客文章

單擊管理帖子以打開主 Wix 儀表板的帖子部分。 這是控制默認 SEO 選項的地方,例如您的帖子將如何在線顯示、電子郵件通知等。

使用 Wix 創建網站後如何管理博客文章

您甚至可以從此屏幕聘請作家或從其他平台導入帖子。 擁有已發佈內容的存檔後,您還將通過此儀表板找到詳細的分析。

預覽並保存您的網站

您可以在頂部菜單欄中找到其他幾個重要的 Wix 編輯器功能。

使用 Wix 製作網站時,可以通過頂部菜單欄保存進度
  • 頁面 - 在您網站和博客上的頁面之間快速切換。
  • 桌面/移動 - 在桌面和移動模式之間切換,為這兩種設備類型編輯您的網站。
  • 設置 – 訪問您網站的全局設置、添加網站圖標、查看分析等等。
  • 保存/預覽/發布 - 隨時保存您的網站很重要。 您還可以在前端預覽您的網站並在準備好時發布它。

發布您的 Wix 網站

要使您的網站可公開訪問,您需要發布它。

為此,請單擊頂部菜單中的發布。 但是,默認情況下,Wix 會在 Wix 子域上發布您的網站。

點擊發布後,您就正式使用 Wix 創建了一個網站

由於多種原因,這並不理想。 除非您正在試驗,否則您應該連接自定義域名。

為此,您需要升級到付費計劃。 每個 Wix 計劃都附帶一年的免費註冊和免費的 SSL 證書,以及組織良好的知識庫和客戶服務團隊的全天候幫助。 至於差異和價格,請查看下表:

Wix 網站計劃Wix 商業和電子商務計劃
組合無限貴賓
價格14 美元18 美元23 美元39 美元
儲存空間3GB 10GB 20GB 35GB
視頻小時30分鐘1小時2小時5個小時
300 美元的廣告券
網站助推器應用程序
免費 1 年
訪客分析應用
免費 1 年
活動日曆應用程序
免費 1 年
專業標誌
社交媒體徽標文件
客戶服務24/7 客戶服務24/7 客戶服務24/7 客戶服務優先客戶服務
商務基礎業務無限商務貴賓
價格23 美元27 美元49 美元
儲存空間20GB 35GB 50GB
視頻小時5個小時10個小時無限
在市場上銷售
Modalyst 代發貨
多達 250 種產品無限產品
訂閱
多種貨幣
先進的運輸
KudoBuzz 的產品評論1,000 條評論3,000 條評論
客戶服務24/7 客戶服務24/7 客戶服務優先客戶服務
使用 Wix 創建網站

這就是使用 Wix 製作網站的方法!

如您所見,在 Wix 平台上創建網站非常輕鬆!

但是,這不是創建網站的唯一方法。 WordPress 也是您可以使用的絕佳替代工具。

如何使用@Wix 製作#website? 只需按照以下步驟
點擊推文

了解 Wix 與 WordPress 的比較。 我們喜歡 WordPress,所以我們必須至少為它做一個宣傳,對吧?

當您嘗試使用 Wix 製作網站時,您是否遇到過任何問題? 在評論中提問,我們會盡力提供幫助!

免費指南

加快速度的 5 個基本技巧
您的 WordPress 網站

將加載時間縮短 50-80%
只需遵循簡單的提示。

下載免費指南

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