ElementsKit 好用的 WordPress 外掛!幫助你快速建立頁首頁尾!

ElementsKit-好用的-WordPress-外掛!幫助你快速建立頁首頁尾|鵠學苑

ElementsKit 是 Elementor 的附加組件,可以幫助你更快速的建立網頁,只需要在網頁模板上建立網頁區塊,再將小工具以拖曳的方式加入到網頁中,就能完成編輯的動作,Elementor 在架設網站的速度上是非常有效率的,並能套用多種模板等等。接下來跟著鵠學院的腳步,讓我們開始學習 ElementsKit 吧!

ElementsKit下載點
https://wordpress.org/plugins/elementskit-lite/

ElementsKit 教學

第一步:下載外掛

進入WordPress後台以後我們先左邊的工具欄點擊「外掛 」>「安裝外掛 」 在搜尋欄位中搜尋「ElementsKit」 點擊「立刻安裝」

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

第二步:啟用外掛

在安裝完成後就還需要一個啟用的動作才能開始設定,一樣在左邊的工具欄位中找到外掛 「 已安裝外掛 」找到剛剛安裝的外掛,點擊「 啟動」即可。

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

 

ElementsKit的基礎設定

開啟外掛就可以開始進行基礎設定了,我們可以在「 停用 」旁找到「 settings」。點擊後就可以開始進行基礎設定!

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

第三步:選擇功能

可以依據需求選出自己所需要的功能這裡我們選擇「Advanced」 欄位,如果想要自己挑選可以選擇「Custom」欄位

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

 

 

第四步:Custom功能

可以看到有分為一般版  PRO版 的選項,頁首、頁尾、目錄功能一般版就有了,如果是想快速建立教學影片所展示的 時間軸頁面 或是 視差功能 就需要升級PRO版。

 

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

第五步:後續設定(可跳過)

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

 

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

官方教學影片全英文,有展示時間軸(TIMELINE)及視差功能。

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

 

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

 

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

第六步:建立頁首

在左側選擇ElementsKit 欄位Header Footer選擇新增。

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

這裡可以選擇建立 頁首或頁尾 ,可以前往Elementor繼續編輯或直接儲存側選擇。記得要按「Activate」運行 !!

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

選擇ElementsKit」。

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

選擇喜歡的首頁模板。

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

第七步:更新即可完成,頁尾的製作方法也一樣。

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

Elementor 教學 - WordPress 視覺化網站編輯外掛,基本操作及設定介紹
https://www.design-hu.com.tw/wordpress/elementor-teaching/elementor-teaching.html
Q2W3 Fixed Widget 小工具 固定側邊欄掛
https://www.design-hu.com.tw/wordpress/wordpress-plugin/how-to-use-q2w3-fixed-widget.html

完成效果

完成所有設定以後就可以回到首頁看看設計的成果

WordPress外掛建立相簿教學!通過 NextGen Gallery 使你擁有相片輪播功能!

 

結語:

ElementsKit的相關教學就此結束基本上光是大量的免費模板就可以為我們省下大量的時間,如果又更多需求還有PRO可以升級使用,一鍵下載簡單又快速,輕鬆便可以達到精美的成果,是不是超棒的呀!

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

 

架站相關文章:

網站架設知識推薦閱讀:

Astra 2.0 更新,超過 40 萬網站架設的 WordPress 主題推薦!
Google 在地商家 新增訊息功能,在 Google 地圖上即時通訊!
HTTPS 、 SSL 是什麼 ? SSL憑證 對網站來說重要嗎?

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

回到頂端