快速導航

Elementor教學-如何使用版型庫

收到很多朋友的提問,是關於如何使用Elementor版型庫的問題或者是未能自動更新Elementor版型庫,所以做這教學。

Elementor版型庫是Elementor插件已預先設計好的頁面,你可在Wordpress文章或頁面輕鬆導入140多個美觀設計的版型,再修改自己的內容。

預覽Elementor版型>>

免費版的Elementor約有20多個版型​可供使用,但你如仍覺不夠可升級​Elementor PRO​,使用所有美觀設計的版型及佈局!

好!!立即開始使用版型教學。


第一步

  1. 首先在Wordpress創建一個新文章或頁面。
  2. 設定好頁面的內容,屬性等項目或選寫標題後
  3. 按儲存草稿
  4. 再按藍色按鈕”使用Elementor編輯”

♦順帶一提,當你己啟用Elementor插件後,你會在Wordpress頁面編輯內右方的”文章屬性”多了兩個選項,分別是”Elementor畫布”及”Elementor全寬”。

Elementor畫布:建立的頁面是全空白的,任你自由發揮創意

Elementor全寬:建立的頁面有預設的頁眉和頁腳(header and footer)但沒有側欄

第二步

打開新的一頁編輯後你會看到,有兩個案,左方的是新增區塊,右方正是我們要找的”新增版型”

之後你便可以加選取你的心水版型自行仍改動 ♥

另外你會發現還有兩個選項是:”區塊”及”我的版型”

區塊

是已設計好的單一項目,如:Header,Footer,404頁面,About等等,令你設計的靈活度可大大提高

我的版型


我的版型是你事先儲存的頁面或區塊設計,你可以用以下三個方法去把頁面或區塊儲存:

1.在Elementor的編輯頁面,滑鼠指向你想儲存的區塊的”加號旁的六點”按右鍵=>儲存成版型

2.儲存整個頁面: 在編輯頁面的最左下角,的綠色按鈕,選取儲存版型

3.Wordpress 控制台=> 選取Elementor的Templates=> Saved Templates => 新增 =>創建版型

現在你已懂得如何使用及創建Elementor的版型去架設美觀的Wordpress網站。

如還有什麼疑問可在下方留言給我,你更可在以下連結獲取Elementor PRO獲得有功能。

This Post Has 2 Comments

  1. 郭宇廷

    想詢問為什麽在不同的電腦螢幕上 所匯出的版型會有不一樣的呈現 而不是自動縮放

    1. Jeff Chan

      你好,一般桌上電腦跟筆記本電腦的螢幕是會有不同的,在編制網頁時使用的元素定位及圖片也會有出入的,因此終兩個長闊比例是很大差別。
      但如你使用Elementor編輯時,減小使用元素跨過第二欄位的做法,走位的情況也會減小。
      有一個小技巧是可以預視不同的螢幕Size網站的樣式的,你可使用GOOGLE Chrome打開你的網頁,在空白位置右鍵>檢查或按F12>之後右方會跳出一個編程欄,在欄內的左上方你會看到有一個平板及手機的小圖示,按下後你便可自由調教不同的螢幕大小預視網頁的外觀了。
      而手機及平板的預視你可在Elementor左下角的小圖示選取。

發佈留言