Elementor 範例圖綜合包

Elementor 範例圖

常見基本模組

Elementor 範例圖綜合包 3網頁設計

點擊編輯按鈕更改此文本。 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.

Elementor 範例圖綜合包 4網頁設計

圖片方框

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

Elementor 範例圖綜合包 3網頁設計

Elementor 標題

Elementor 本文編輯器。 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

幫助你製作背景圖、幻燈片作品集的 Elementor 元素

第一種 背景圖片 + 文字

第二種 圖片轉盤

第三種 幻燈片

幻燈片 1 標題
點擊編輯按鈕更改此文本,以下是為了能夠滿足段落所需的長度而定義的無意義內文,請自行參酌編排
點擊這裡
幻燈片 2 標題
點擊編輯按鈕更改此文本,以下是為了能夠滿足段落所需的長度而定義的無意義內文,請自行參酌編排
點擊這裡
幻燈片 3 標題
點擊編輯按鈕更改此文本,以下是為了能夠滿足段落所需的長度而定義的無意義內文,請自行參酌編排
點擊這裡
Previous slide
Next slide

第四種 媒體輪播

樣式:輪播

第四種 媒體輪播

樣式:幻燈片

第四種 媒體輪播

樣式:覆蓋流程
背景圖、幻燈片作品集的元素​ 小總結
 圖片數量放文字敘述連結
1.背景圖片1張自由設計設定1~2 個 (自由設計)
2.圖片轉盤不限制不可以設定會連到同一個頁面
3.幻燈片不限制可以可針對幻燈片設定
4.媒體輪播不限制不可以可針對幻燈片設定
活動頁、銷售頁輔助工具
Elementor 一般元素:計數器
0
計數器
Elementor 一般元素:進度條
我的技能
網站設計師 50%
我的技能
網站設計師 50%
Elementor 專業元素:倒數計時

段、欄、section

Elementor 範例圖綜合包 9網頁設計

Elementor 網站統一字型的方式

Elementor 一般元素:HTML

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常見問題的元素

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.

說明:只能一次展開一個內容,打開第二個,會自動收合回去。

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.

說明:可以把所有的內容一次打開。

Elementor 一般元素:分頁

說明:資料夾切換方式,只能呈現一個。

社群有相關的按鈕

Elementor 專業元素:Facebook 按鈕

說明:看到文章不錯可以幫你按讚。

Elementor 專業元素:「分享」按鈕
Facebook
Twitter
LinkedIn

說明:看到文章可以讓用戶轉分享。

Elementor 一般元素:社群圖示

說明:可以新增自己的社群網址,讓別人連過去。

警告元素

Elementor 一般元素

程式碼自訂

Elementor 範例圖綜合包 10網頁設計

一般元件:短碼

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

Elementor 範例圖綜合包 11網頁設計

一般元件:html 程式碼

說明:自訂 html 內容

文章介面輔助工具

Elementor 範例圖綜合包 12網頁設計

一般元件:選單錨點

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

Elementor 範例圖綜合包 13網頁設計

一般元件:側欄

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

Elementor 範例圖綜合包 14網頁設計

一般元件:Read More

說明:支持原生WordPress'<! - more - >'標記,就是部落格中的閱讀更多資訊,他是一個截止點。

評論 & 見證製作方式

Elementor 一般元素:見證
Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Elementor 範例圖綜合包 4網頁設計
John Doe
Designer
Elementor 專業元素:見證輪播
Elementor 專業元素:評論
John Doe
John Doe@username
閱讀更多
我是幻燈片內容,點擊編輯按鈕更改此文本。以下是為了能夠滿足段落所需的長度而定義的無意義內文,請自行參酌編排。
John Doe
John Doe@username
閱讀更多
我是幻燈片內容,點擊編輯按鈕更改此文本。以下是為了能夠滿足段落所需的長度而定義的無意義內文,請自行參酌編排。
John Doe
John Doe@username
閱讀更多
我是幻燈片內容,點擊編輯按鈕更改此文本。以下是為了能夠滿足段落所需的長度而定義的無意義內文,請自行參酌編排。
上一篇
下一篇
Elementor 專業元素:文章評論
Elementor 專業元素:Facebook 評論