top of page

認識與了解EditorX編輯器

了解甚麼是Editor X編輯器

歡迎使用Slokavan.Academy,此教程將會帶領你了解如何使用Editor X編輯器,並且掌握編輯器的進階功能,打造你專屬的網站。


在開始之前我們需要先了解甚麼是Editor X,Editor X是Wix於2020 年 2 月推出的全響應式網站創建平台


Editor X專為設計師和代理商製作,它提供了先進的設計和佈局功能,讓你能為任何裝置創建複雜的網站設計,而無需使用任何代碼,例如:

  • Grid layouting是基於CSS網格的進階2D平面佈局系統。

  • 隨著裝置視窗的變化,將錨點元素鎖定到特定位置。

  • 堆疊和縮放媒體以實現不同裝置間的無縫響應行為。

  • 文本縮放以創建可自適應縮放的字體大小。

  • Flex layouter是一個智慧佈局系統,它使用了 Flexbox 技術在調整大小的同時自動重新組織內容,以符合不同裝置間的介面佈局。

  • 自定義斷點為任何不同的裝置介面排版與佈局進行定製化設計,而不僅限於主流裝置。

  • 帶有調整大小手柄的靈活畫布,可跨裝置立即查看和自定義您的設計。

  • 進階尺寸控制將您的元素或組件尺寸調整為固定或流動,使用對現代 CSS 單元的廣泛支持。

  • Wix 設計系統具有與您網站的調色板相匹配的內置響應行為的部分。


資源

Wix官方提供了一系列英文版本的教學資源供專業網站設計師學習與入門Editor X編輯器,但目前網路上幾乎沒有免費且完整的中文教學。


你可以透過以下連結找到Wix提供的資源:

甚麼是Editor X編輯器(en):https://support.wix.com/en/article/introducing-editor-x 

Wix台灣專家(cn-tw):https://www.wixtw.co/ 

X學苑(en):https://www.editorx.com/academy 

bottom of page