Elementor 範例圖
Elementor Free 一般元素簡介
1.圖片方框:等於基本的圖搭配文字的設計元素。
2.圖示方框:等於基本的圖示搭配文字元素。
3.Star Rating:如果想設計評級這個可以快速產出。
4.圖庫:可以放一堆作品集的圖片是做死的。
5.圖片轉盤:幻燈片的方式呈現作品圖片。
6.圖示列表:如果想製作圖文字列表,可以用這個元素。
7.計數器:呈現數字動畫。
8.進度條:完成度、使用度的表現。
9.收合容器:常見問題常用,打開只能展示一個內容。
10.切換:常見問題常用,可以全部問題內容展開。
11.社群圖示:可以新增自己的社群網址,讓別人連過去。
12.警告:通知的元素,可以依照需求使用元素。
13.短碼:根據短代碼的定義輸出為特定的內容。
14.HTML:可以貼HTML程式碼上去,跟短代碼不同。
15.選單錨點:同一個頁面可以利用錨點方式,跳轉頁面。
16.側欄:自己設定側邊欄,他會抓取小工具的資訊。
17.Read More:他是一個截止點,點入才會看到更多。

常見基本模組

點擊編輯按鈕更改此文本。 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.點擊編輯按鈕更改此文本。 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.點擊編輯按鈕更改此文本。 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
點擊編輯按鈕更改此文本。 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.點擊編輯按鈕更改此文本。 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.點擊編輯按鈕更改此文本。 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
以下是為了能夠滿足段落所需的長度而定義的無意義內文,請自行參酌編排。
以下是為了能夠滿足段落所需的長度而定義的無意義內文,請自行參酌編排。
以下是為了能夠滿足段落所需的長度而定義的無意義內文,請自行參酌編排。
Elementor 圖示家族
Elementor 標題
Elementor 本文編輯器。 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
圖示方框
點擊編輯按鈕更改此文本。 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

圖片方框
點擊編輯按鈕更改此文本。 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Elementor 標題
Elementor 本文編輯器。 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
幫助你製作背景圖、幻燈片作品集的 Elementor 元素
第一種 背景圖片 + 文字
第二種 圖片轉盤






第三種 幻燈片
第四種 媒體輪播
第四種 媒體輪播
第四種 媒體輪播
圖片數量 | 放文字敘述 | 連結 | |
1.背景圖片 | 1張 | 自由設計 | 設定1~2 個 (自由設計) |
2.圖片轉盤 | 不限制 | 不可以 | 設定會連到同一個頁面 |
3.幻燈片 | 不限制 | 可以 | 可針對幻燈片設定 |
4.媒體輪播 | 不限制 | 不可以 | 可針對幻燈片設定 |
段、欄、section

三種製作價格方案
Elementor 網站統一字型的方式
1.Elementor/設定/禁用預設字型打勾。
2.複製右邊程式碼。
3.自訂 > CSS 加入。
4.字體是中文 Noto Sans TC 英文 Roboto
補充:可以到 Google Font 找自己喜歡的匯入,目前提供是最常用的字型。
@import url(‘https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto&display=swap’);
html[lang^=”zh-“] body,
html[lang^=”zh-“] button,
html[lang^=”zh-“] input,
html[lang^=”zh-“] select,
html[lang^=”zh-“] textarea,
html[lang^=”zh-“] h1,
html[lang^=”zh-“] h2,
html[lang^=”zh-“] h3,
html[lang^=”zh-“] h4,
html[lang^=”zh-“] h5,
html[lang^=”zh-“] h6,
html[lang^=”zh-“] p,
html[lang^=”zh-“] span
{
font-family: ‘Roboto’,’noto sans TC’, sans-serif;
}
Elementor 展開切換的模組、Q&A常見問題的元素
說明:只能一次展開一個內容,打開第二個,會自動收合回去。
說明:可以把所有的內容一次打開。
說明:資料夾切換方式,只能呈現一個。
社群有相關的按鈕
說明:看到文章不錯可以幫你按讚。
說明:看到文章可以讓用戶轉分享。
警告元素
程式碼自訂

一般元件:短碼
說明:利用這個塞入 [短代碼資訊]

一般元件:html 程式碼
說明:自訂 html 內容
文章介面輔助工具

一般元件:選單錨點
說明:同一個頁面可以利用錨點方式,跳轉頁面。

一般元件:側欄
說明:自己設定側邊欄,他會抓取小工具的資訊。

一般元件:Read More
說明:支持原生WordPress'<! - more - >'標記,就是部落格中的閱讀更多資訊,他是一個截止點。
評論 & 見證製作方式






