Elementor實用外掛-The Plus Addons Elementor

當我們使用Elementor設計網頁一陣子之後,會發覺裡面相對應的模組有點少不夠用,或是相關設定有許多的限制,有時候無法達到客戶的需求,而需要安裝更多的外掛,然後反而因此拖垮了網站的效能,好在,The Plus Addon解決了這個問題。

The Plus Addons是什麼?

The Plus Addons是什麼?

(圖片來源:The Plus Addons

The Plus Addon是專門為Elementor設計的相對應的外掛,提供了120+的小工具及擴充工具、300 多個 UI 基本區塊和 18 多個即用型模板,內容包含了 Blog builder、Woo Builder、Mega Menu等等多項實用工具,Elementor + The Plus Addon 就像是車子升級到最高級的配備一樣,可以發揮更多的效能。

接下來我們就來瞭解看看,The Plus Addons有什麼功能吧!

速度優化

然The Plus Addon一次提供120+的小工具,但是不需要全部都開啟,因為一個網站通常用不到這麼多的功能,全部開啟反而為拖慢網站的速度

而The Plus Addon提供了工具管理的介面,我們可以在這個界面上一鍵關閉沒有使用到的功能,提高網頁開啟的速度

另外,The Plus Addon還提供了清除快取的功能Smart Optimise,讓你可以隨時可以清理不必要的東西,優化網站的速度

The Plus Addon_速度優化

Demo展示教學

在The Plus Addon管理的介面上,你可以看到功能旁都有提供教學資訊,只要滑鼠移到ⓘ 就可以看到相關的文件,文字跟影片都有

最棒的是我們還可以直接點擊Demo,連結到官方的網站,看各個功能實作的效果,這點非常的貼心,尤其是初學者在接觸一個新的外掛的時候,讓我們不用花很多時間在網上搜尋學習資訊,直接看Demo反而更能夠瞭解這功能要如何運用在網站上

The Plus Addon_Demo展示教學

跨網站複製貼上

有了Demo還不夠,The Plus Addon還提供了不同網址複製貼上的功能,你可以將官網好看的Demo直接複製到你的網站,再進行作修改

官網的Demo旁邊都有一個Copy按鈕,點擊後再到自己編輯的頁面上,選擇Plus Paste,Demo就可以複製到自己的網站上,簡單又迅速

不過有時候Demo會沒出來,凱瑞建議大家這時Refresh網頁,多測試幾次,應該就會出現

相較於Elementor只能僅限於同一個網站網址,編輯內容複製貼上到不同的頁面,The Plus Addon所支援”不同網站網址“的複製貼上,只要善用,就可以大大提高製作網頁的效率,讓大家不用每次都需要從零去建置網頁

The Plus Addon_複製貼上

(圖片來源:The Plus Addons

The Plus Addons其他好用功能

實用的Mega Menu

通常如果要引導客戶快速地認識網站內容,Mega Menu是一個好的方式,適合用在擁有多品項的購物網站

The Plus Addon除了提供常見的橫式Mega Menu,還有垂直的Mega Menu,並擁有許多的自訂功能,在設計Mega Menu上更加的彈性方便

The Plus Addon_Mega Menu

(圖片來源:The Plus Addons

購物車建構器Woo Builder

The Plus Addon針對電商網站,提供一系列的功能,尤其是在產品的說明頁以及各個銷售流程頁,可以讓使用者更有彈性的去編輯,可用的工具包括:Woo Single Basic、Woo Checkout、Product Listing….等等相關功能

The Plus Addon_Woo Builder

(圖片來源:The Plus Addons

多功能篩選器 Plus Search Filters

Search Filters也是常常會運用在網站之中,尤其是你的網站有多樣的品項,Search Filters就可以幫助使用者快速地尋找想要的標的。The Plus Addon提供各式各樣的Search方式,包括:除了常見的價錢外,還有產品的顏色、Size、分類、評分….等等

The Plus Addon_多功能篩選器 Plus Search Filters

(圖片來源:The Plus Addons

Advertisment Banner

當我們設計網頁的時候,一定會設計到Banner,若你想要讓你的Banner擁有不一樣一點的動效,The Plus Addon裏提供多種Banner的Style,只要套用,就可以讓你的Banner達到吸睛的效果

The Plus Addon_dvertisment Banner

(圖片來源:The Plus Addons

RWD表格Table

表格也是設計網頁時,常常會使用到的,The Plus Addon所提供的表格模組,可以讓你快速地建立表格以及調整Style,而且還支持RWD,讓你的表格在手機瀏覽時,也可以呈現最佳的效果

另外,常常會運用到的Pricing Table,也有相對應的模組,只要拖拉,就可以產生,非常的方便

The Plus Addon_RWD表格

結論:

The Plus Addon雖然提供了許多工具,使用者一開始一定眼花撩亂,想要每個都開啟,不過建議只需要用到的才需要開啟,不然很容易拖垮網站效能

另外,有些功能雖然很酷炫,但是凱瑞建議一個頁面上用到一兩個就好,不需要整個網頁都在動來動去,除非你有特殊的目的,網頁維持乾淨留白這個元素是很重要的

這外掛還有很多功能可以嘗試的,希望大家有機會都來試試看喔

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

相關文章

Figma Config 2024

Figma 2024 Config 年會-改版內容解析

剛剛結束的Figma Config 2024 年度發表大會,讓人留下了許多的驚喜。

從軟體操作介面全面的更新-UI3,加入現在最火熱的AI生成,以及新的功能Figma Slide簡報,都可以更好的幫助設計師在工作流程以及協作上,達到更好的效率。

閱讀全文 »
2024年獲得UI/UX工作的6個關鍵

2024年獲得UI/UX工作的6個關鍵

現在因為大環境的關係,企業用人偏向比較保守,相對的來說UIUX設計師的職缺或是薪水也回到了一個平均值。

在這樣環境下,如果你想做一名UI/UX設計師或是產品設計師,該怎麼做才能脫穎而出,找到理想的工作呢?

以下我們將一起探討2024年你可以採取的6個關鍵方法,幫助你更有效率的順利找到工作。

閱讀全文 »