JetTricks

Tooltip

pic 1f

ToolTip Widget

附註說明小工具

jet_tricks
JetTricks
lamp60

Tooltip 可用來為網頁上特定內容添加附註說明,網頁瀏覽者只要移動滑鼠游標至該網頁之特定內容上,就會浮現出所添加的附註說明。

▍本文摘要

    Tooltip  是 JetTricks  套件中附屬的一項小工具,安裝完成 JetTricks  套件後,便可在  Elementor  網頁編輯器中找到這個小工具。基本來說,網頁中任何一個可編輯的段和欄區塊中的內容,都可啟用 Tooltip 來為這些內容添加附註說明。 Tooltip  是以一個浮動標籤的方式,來為網頁上這些段和欄區塊中的內容,添加額外的附註說明,可讓網頁瀏覽者對於正在瀏覽的網頁內容有更深入了解。想要學習如何設定和使用  Tooltip  小工具,可觀看以下 Crocoblock 提供的教學影片。

▍教學影片

Play Video

Crocoblock 外掛套件

訂閱自主學習課程

Hotspots

pic 2f

Hotspots Widget

註解標籤小工具

jet_tricks
JetTricks
lamp60

HotSpot 可用來為網頁上特定內容貼上註解標籤,並為該註解標籤添加附註說明,網頁瀏覽者只要移動滑鼠游標至該網頁特定內容上的註解標籤時,就會浮現出該註解標籤所添加的附註說明。

▍本文摘要

    HotSpot 是JetTricks 套件中附屬的一項小工具,安裝完成JetTricks 套件後,便可在 Elementor 網頁編輯器中找到這個小工具。通常網頁設計者會使用這個小工具,來為網頁上的特定圖像物件添加註解標籤,並進一步的為這些註解標籤添加值得注意的特定信息,目的在於讓瀏覽訪客可將注意力集中在網頁圖像上的特定部分。想要學習如何設定和使用 HotSpot 小工具,可觀看以下的教學影片。

▍教學影片

Play Video

Crocoblock 外掛套件

訂閱自主學習課程

StickyColumn

pic 3f

StickyColumn Widget

凍結版面小工具

jet_tricks
JetTricks
lamp60

StickyColumn可用來設定網頁上的欄位版面為凍結狀態,當網頁瀏覽者使用滑鼠上下滾動瀏覽網頁時,該設定凍結的欄位版面不會隨之滾動而會保持靜止不動,用於凸顯該凍結的欄位版面的內容。

▍本文摘要

  StickyColumn 是JetTricks 套件中附屬的一項小工具,安裝完成JetTricks 套件後,便可在 Elementor 網頁編輯器中找到這個小工具。通常網頁設計者會使用這個小工具,來將需要吸引瀏覽者特別注意的內容放在凍結的欄位版面中,當瀏覽者快速滾動網頁內容時,因為該凍結的欄位版面並不會隨之滾動,因此便可吸引瀏覽者的關注。想要學習如何設定和使用 StickyColumn 小工具,可觀看以下的教學影片。 

▍教學影片

Play Video

Crocoblock 外掛套件

訂閱自主學習課程

Particles

pic 4f

Particles Widget

背景飄花特效工具

jet_tricks
JetTricks
lamp60

Particles Widget 可用來為網頁的版面裝飾華麗的動態粒子背景特效,而這些動態粒子會和網頁瀏覽者的滑鼠游標位置互動,採用此視覺效果的網頁設計,將會令瀏覽者印象深刻。 

▍本文摘要

Particles Widget  是JetTricks  套件中附屬的一項小工具,安裝完成 JetTricks  套件後,便可在  Elementor  網頁編輯器中找到這個小工具。這個小工具提供了數十種通動態飄花背景特效可供選擇,通常網頁設計者會使用這個小工具,來為特定主題的網頁加上特定的動態飄花背景特效,用於加深瀏覽者的瀏覽體驗。想要學習如何設定和使用 Particles Widget 小工具,可觀看以下的教學影片。

▍教學影片

Play Video

Crocoblock 外掛套件

訂閱自主學習課程

ReadMore

pic 5f

ReadMare Widget

內容展延效果工具

jet_tricks
JetTricks
lamp60

ReadMore Widget 可用來為網頁特定版面的內容增加內容展延效果,可提升瀏覽者和網站的互動並優化使用者體驗,設計者可依網頁特定版面的設計需求增加此效果。 

▍本文摘要

    ReadMore Widget 是 JetTricks 套件中附屬的一項小工具,安裝完成 JetTricks 套件後,便可在 Elementor 網頁編輯器中找到這個小工具。這個小工具可隱藏網頁版面的特定內容並使網頁佈局更加簡約,與 Unfold 小工具不同的是,使用 ReadMore 小工具隱藏的特定內容打開之後便無法關閉。想要學習如何設定和使用 Unfold Widget 小工具,可觀看以下的教學影片。  

▍教學影片

Play Video

Crocoblock 外掛套件

訂閱自主學習課程

Unfold

pic 6f

Unfold Widget

內容收折效果工具

jet_tricks
JetTricks
lamp60

Unfold widget.可用來為網頁特定版面的內容增加內容收折效果,可提升瀏覽者和網站的互動並優化使用者體驗,設計者可依網頁特定版面的設計需求增加此效果。 

▍本文摘要

    Unfold Widget 是JetTricks 套件中附屬的一項小工具,安裝完成JetTricks 套件後,便可在 Elementor 網頁編輯器中找到這個小工具。這個小工具可讓設計者組織頁面外觀並隱藏額外的內容,它還包含許多自定義選項,設計者可依網頁的設計需求彈性應用。想要學習如何設定和使用Unfold Widget小工具,可觀看以下的教學影片。 

▍教學影片

Play Video

Crocoblock 外掛套件

訂閱自主學習課程

Satellite

pic 7f

Satellite Widget

圖層視覺效果工具

jet_tricks
JetTricks
lamp60

Satellite Widget 可為網頁的版面設計增加圖層視覺效果,網頁設計者可以以圖像分層的設計方式,為網頁布局增添圖像視覺效果的層次感和豐富性。  

▍本文摘要

    Satellite Widget 是 JetTricks 套件中附屬的一項小工具,安裝完成 JetTricks 套件後,便可在 Elementor 網頁編輯器中找到這個小工具。這個小工具可讓設計者為網頁上的特定內容添加額外的設計元素,通常網頁設計者會使用這個小工具,來為特定主題的網頁加上特定的圖層視覺效果,用於設計出更為吸睛的網頁視覺效果。以下是使用 Satellite Widget 小工具所設計的幾個圖層視覺效果的設計範例。

▍設計範例

Crocoblock 外掛套件

訂閱自主學習課程

Parallax

pic 8f

Parallax Widget

視差效果小工具

jet_tricks
JetTricks
lamp60

Parallax Widget可為網頁的版面設計增加網頁滾動的視差效果,網頁設計者可為網頁布局增添特定版面的視差效果,用於吸引瀏覽者的目光。 

▍本文摘要

    Parallax Widget 是 JetTricks 套件中附屬的一項小工具,安裝完成 JetTricks 套件後,便可在 Elementor 網頁編輯器中找到這個小工具。這個小工具可讓設計者為網頁布局增添特定版面的視差效果,通常網頁設計者會使用這個小工具,來為特定主題網頁上的特定版面增加視差效果,當瀏覽者滾動網頁到這個特定版面位置時,便會呈現出視差效果以吸引瀏覽者的注意。以下是使用 Parallax Widget 小工具所設計的幾個視差效果的設計範例。

▍設計範例

Crocoblock 外掛套件

訂閱自主學習課程