top of page
person-typing-laptop-keyboard-businessman-working-laptop-he-is-typing-messages-colleagues-

資訊集合

News & Insights

作家相片客服 WixTW

《Wix編輯器教學》第1堂課:使用Wix編輯器開始創建你的網站

已更新:3月1日


請開啟Youtube設定 > 字幕 > 自動翻譯 > 選擇中文(繁體)



本堂課我們將談到Wix編輯器(Editor)總覽、網站架構、編輯你的首頁(header)和如何固定物件(轉貼至螢幕)。


【學習筆記】


第1部份:編輯器(Editor)總覽


1、選擇你的模板:有商業與服務、網路商店、設計師、活動及部落格等類別可以選擇。

你也可以選擇完全空白的,選擇好之後就可以開始編緝。


2、進入編輯器之後:

  • 左上角有個桌機和手機的圖示,你可以切換現在工作的模式。

  • 右上角有儲存鍵,幫你暫存但是尚未正式發佈。

  • 預覽可以讓在你觀看網站正式發佈之前的樣貌。

  • 確認之後,就可以點擊發佈網站。


左上角的桌機和手機的圖標可切換工作模式進行編輯

右上角的工具列


3、編輯器左方的面板


1) 新增:

可以讓你在網站裡添加不同的物件,例如:帶狀圖片、文字、圖片、按鈕、圖庫、裝飾、互動式等。

2) 選單和網頁:

可以讓我們檢查網站裡的全部頁面。


3) 網站設計:

你可以查看目前的網站主題,只要點擊一下,就可以套用至目前的網站主題;也可以自行客製化設計。

4) 新增應用程式:

這裡有超過200個應用程式,有免費和付費的。


5) 媒體:

你可以在此查看已經上傳至網站的圖片或影片素材,也可以使用Wix提供的免費圖片或影片。

6) Ascend商務工具:

協助你做好更多的CRM管理,並且導引更多的流量至你的網站。


  • 右上角的復原和重做,可以回復你的工作設定。

  • 工具中的工具列和圖層,對於網站編輯非常有幫助,建議保持開啟。

  • 也可以透過搜尋,尋找編輯器裡的工具。


編輯器左方的面板


第2部份:網站架構


網站俱備的3個要素:

  1. 頁首(header):通常包含LOGO和菜單

  2. 網頁(page):網站的內容

  3. 頁尾(footer):通常置放網站聲明、銷售政策、社群媒體連結等

  • 你可以使用右上角的「工具」中的「圖層」,檢視你的網站架構


工具中的圖層可有效幫助你檢視網站架構

第3部份:編輯你的頁首(header)


  • 點擊頁首(header)的設定,目前有4種捲動的型式提供你選擇,決定之後可以點擊右上角的「預覽」查看效果。


4種頁首捲動設定選項



第4部份:固定物件(轉貼至螢幕)


  • 選擇編輯器裡的任一物件,無論是圖片或是文字,對著它按右鍵,即可點擊「轉貼至螢幕」,之後無論你上下滑動,它將會讓該物件固定於螢幕上的指定位置。

  • 你也可以點擊「在所有網頁上顯示」,則該物件即會出現於你的每一個網頁。


將物件固定於螢幕任一處,並可以設定在所有頁面顯示



在下一堂課,我們將談到網站的佈局。

bottom of page