NextGen Gallery 相片輪播功能!WordPress外掛建立相簿教學!

NextGen-Gallery-相片輪播功能!WordPress外掛建立相簿教學!_鵠學苑

歡迎回到鵠學苑— WordPress 網頁設計超詳細攻略,WordPress 本身沒有提供相簿功能讓我們使用,如果圖片量大會管理困難,這時候透過 NextGen Gallery 這個外掛就可以用相簿功能輕易的管理大量的相片,並提供獨特的模塊可以製作相片輪播的效果。接下來跟著鵠學院的腳步,讓我們開始學習吧!

NextGen Gallery下載點
https://tw.wordpress.org/plugins/nextgen-gallery/

NextGen Gallery 教學

第一步:下載外掛

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

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

第二步:啟用外掛

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

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

 

NextGen Gallery的基礎設定

開啟外掛就可以開始進行基礎設定了,我們先在左邊的工具欄位中找到 NextGen Gallery。點擊後就可以開始進行基礎設定!

第三步:相簿結構簡介

啟用之後我們在網頁左側會多出「 NextGen Gallery」 欄位。

相簿結構由三者所組成關係圖如下:

1.相片(Image)

2.相簿(Gallery)

3.相簿集合(Album)

 

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

第四步:添加畫廊/圖片(add gallery/images)

由左側選擇「add gallery/images」>「輸入畫廊名稱」>「create&select」>「add more」可以選擇或是直接拖移圖片>「upload上傳」

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

第五步:編輯畫廊(Manage Galleries)

如果後來需要修改,在左側欄選擇「Manage Galleries」即可開始編輯。

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

雙擊進入後,可以修改相關相片設定。

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

第六步:編輯相簿(Manage Albums)

1.「selects album」現可以選擇現有的相簿。

2. 「add new album」可以添加新的。

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

把欲放入相簿的畫廊拖移進去。

記得要按「update」完成更新 !!

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

第七步:文章中新增相簿

再來新增文章然後「Add Gallery」就可以了。

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

 

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

 

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

Elementor 教學 - WordPress 視覺化網站編輯外掛,基本操作及設定介紹
https://www.design-hu.com.tw/wordpress/elementor-teaching/elementor-teaching.html
WordPress 媒體庫 圖片管理 – Real media library 建立資料夾分類外掛
https://www.design-hu.com.tw/wordpress/wordpress-plugin/real-media-library.html

完成效果

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

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

結語:

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

 

鵠學苑|訂閱電子報

鵠學苑|網頁設計 線上免費諮詢

架站相關文章:

網站架設知識推薦閱讀:

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

訂閱電子報

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

熱門文章

最新文章

相關文章

標籤雲

返回頂端