Wix 初學者教程:在一個下午用 Wix 構建一個網站

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

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

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

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

關於 Wix 的常見問題

「Wix 可以免費創建網站嗎?」

Wix確實有一個免費選項,但您的網站將標有「Wix 廣告」。它也將在這樣的子域下發布:https://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 網站時的第一個艱難決定:在人工設計智能 (ADI) 工具或 Wix 編輯器之間進行選擇。

Wix-ADI 或編輯器

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

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

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

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

Wix ADI 更適合處理這種不干涉的方法。

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

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

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

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

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

如何使用 Wix 製作網站

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

Wix-網站類型

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

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

Wix 建議的功能

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

Wix-企業名稱

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

域名-輪-名稱-想法

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

Wix-import-content

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

Wix-add-logo-review

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

Themeisle-logo-maker

使用 Wix ADI 構建網站

現在我們有了一個帶有身份的網站,讓我們開始激動人心的事情:構建它。

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

Wix-pick-a-主題

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

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

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

Wix-主頁-選項

選擇與您對話的 Wix 主頁後,Wix ADI 將生成一些基本頁面。準備好後,單擊「添加頁面」按鈕將它們包含在最終網站中。當您準備好將此 Wix 教程帶到編輯階段時,單擊編輯站點。

Wix-extra-pages

掌握 Wix ADI 編輯器

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

只需單擊設計元素(如圖像或按鈕)即可自定義它們。在左側,會出現一個帶有各種選項的菜單欄,根據元素的不同,這些選項可讓您更改圖像、標題等內容。

Wix 編輯元素

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

Wix 部分布局

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

  • 恢復
  • 宣傳頁
  • 合法的
  • 訂單
  • 空白頁
  • 和更多

Wix-ADI-添加頁面

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

Wix-design-options

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

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

Wix-ADI-manage-site-options

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

如何使用 Wix 編輯器

以下是本節的內容:

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

Wix-ADI 或編輯器

Wix 有大約 800 個模板,可以按類別或搜索進行過濾。找到適合您的項目的模板後,滾動並單擊「編輯」。

Wix 預先設計的模板

蠟編輯器 101

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

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

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

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

Wix-image-element-options

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

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

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

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

Wix-editor-menu-options-1

向您的 Wix 網站添加元素

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

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

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

Wix 如何添加搜索欄

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

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

Wix 菜單和頁面

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

Wix-additional-pages-layouts

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

Wix 頁面設置

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

使用主題管理器

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

顏色

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

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

Wix-顏色-預覽

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

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

蠟加色

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

Wix-調整顏色

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

文本

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

Wix-heading-1

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

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

Wix-字體列表

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

設置背景

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

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

Wix-背景-選項

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

Wix-背景-設置

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

Wix-apply-pages

安裝應用程序

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

Wix-app-marketplace

查找應用程序再簡單不過了。根據功能搜索,或瀏覽流行的選項和類別。

例如:

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

雖然您可能對應用程序的數量和種類印象深刻,但請等待,直到您看到它們的安裝和使用是多麼容易。沒有針對它的 Wix 教程,只需單擊「添加到站點」即可。Wix 將處理其餘的。

添加媒體

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

Wix-media-options

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

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

Wix-照片編輯器

在 Wix 上創建博客

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

Wix-開始-博客-在這裡

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

Wix-add-a-blog

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

使用 Wix 創建博客文章

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

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

寫博客

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

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

管理您的 Wix 博客文章

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

Wix-post-manager

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

預覽並保存您的網站

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

Wix-top-menu

  • 頁面 – 在您網站和博客上的頁面之間快速切換。
  • 桌面/移動 – 在桌面和移動模式之間切換,以針對兩種設備類型編輯您的站點
  • 設置 – 訪問您網站的全局設置、添加網站圖標、查看分析等等。
  • 保存/預覽/發布 – 隨時保存您的網站很重要。您還可以在前端預覽您的網站,並在準備好後發布。

發布您的 Wix 網站

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

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

Wix-site-published

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

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

Wix 網站計劃Wix 商業和電子商務計劃

組合 無限 為了 貴賓
價錢 $14 $18 $23 $39
儲存空間 3GB 10GB 20GB 35GB
視頻時間 30分鐘 1小時 2小時 5個小時
300 美元的廣告券
Site Booster 應用程序
免費 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 與 WordPress 的比較我們喜歡 WordPress,所以我們必須至少為它做一個宣傳,對吧?

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

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

相關文章