測試訓練課程1

Lesson
Materials

Elenemtor頁面編輯器

今天跟家分享一個WordPress網頁設計的強大外掛-Elementor,作為WordPress的重度使用者,在初次接觸這個架站系統我就非常依賴這個頁面編輯工具。Elementor推薦的地方在於,它可以不依靠coding程式碼技術,完全由自己直覺化的把想要呈現的元素”拖曳”到希望呈現的地方,這是最快速,而且最直接的頁面編輯方式,省去了非常多前後台比對、或者面配置的調整時間。

Elementor頁面

安裝過Elementor的網站,在建立新頁面的時候,畫面中會多一個選項按鈕”使用Elementor編輯”,點選過後就會直接進入該頁面的編輯頁面。畫面呈現為左邊工具,右邊頁面。

Elementor編輯

右邊頁面當中會有一個小區塊,這邊是頁面編輯開始的地方,當中包含左邊新增段,右邊新增版型。左邊的段可以想成編輯區塊,分為兩個部分。

段(藍色):這是編輯的大區塊,可以整片處理,範圍接近整個電腦畫面。

欄(黑色):段的細分,如果覺得段的區塊太大,可以再當中再區隔出很多欄。

右邊新增版型顧名思義就是頁面的套版、模板,會在下個章節說明。

Elementor段與欄

Elementor的編輯方式非常簡單,只要先在右側編輯區塊用段與欄的概念先切割好自己希望的版面區塊,接下來到左側工具元素找到自己希望呈現的內容即可。Elementor工具元素非常多元完整,大家所熟知的幻燈片、圖片、表單或者購物車等等…都可以在其中找到,而且只要拖曳到希望擺放的區塊就可以了。

Elementor架構

我知道大家聽完那麼多的層級還有位置關係一定會有些錯亂,上方有一張圖表可以幫助你釐清,畢竟這種實用性工具還是適合用影片呈現,文字很難呈現出它的魅力,大家不妨可以自行操作看看,而且介面支援繁體中文版,所以完全不用擔心操作上有困難,是一款從初級到高級使用者都非常適宜的網站設計工具!