• Home
  • Blog
  • 如何在 WordPress 中建立相簿圖片集

如何在 WordPress 中建立相簿圖片集

0 comments

在 WPressize Me,我們幫助無數用戶使其網站更加美觀,並組織出色的相簿圖片集。相簿使訪客能夠快速找到他們感興趣的具體圖片,提高用戶體驗,並有可能提升銷售量,特別是如果您銷售攝影作品或展示產品圖片。

為什麼要建立相簿圖片集?

雖然圖片集允許您在單個頁面上顯示多張照片,但相簿可以讓您在單個頁面上顯示多個分類的圖片集,如活動、主題、地點等。

這對於攝影師、餐廳、旅遊網站或任何需要展示不同類別照片的業務都非常有用。相簿使訪客能夠輕鬆找到所需的內容,而不必無止境地滾動瀏覽。這種友好的導航方式能讓人們在您的網站上停留更久,帶來更好的整體體驗。

此外,如果您想與他人分享特定照片集,建立相簿也很方便。您可以直接引導他們到包含相關圖片的相簿,而不是分享整個圖片集。

在 WordPress 中添加相簿圖片集

如果您想在 WordPress 中創建乾淨且有組織的相簿,您需要一個插件。我們推薦使用 Envira Gallery,這是市場上最好的 WordPress 圖片集插件。

首先,您需要安裝並啟用 Envira Gallery 插件。有關安裝的詳細信息,請參閱我們的WordPress 插件安裝指南。

啟用後,您需要在 Envira Gallery » 概述頁面輸入您的許可密鑰。

激活插件後,請訪問 Envira Gallery » 插件頁面。從插件標籤中,安裝並啟用 “相簿插件”。

除了相簿插件,您還需要啟用獨立選項。否則,它將無法正常工作。前往 Envira Gallery » 設置頁面,點擊“獨立”標籤,然後勾選“啟用獨立”框。完成後,請點擊底部的“保存”按鈕。

注意:在建立相簿之前,您還需要創建一些圖片集。這裡有一個關於如何在 WordPress 中使用 Envira 創建響應式圖片集的分步指南。

創建相簿與創建圖片集類似,唯一的區別是您需要拖放您的圖片集而不是上傳圖片。首先,給相簿取一個標題。然後,將您的圖片集拖到虛線框中。

添加圖片集後,您會看到每個圖片集都有一個鉛筆圖標。您可以點擊該圖標修改標題、說明、替代文字和封面圖片。完成更改後,點擊“保存元數據”按鈕。

您還可以在 Envira 相簿設置中的“配置”標籤選擇相簿的顯示方式。例如,它會顯示不同的網格樣式,您可以選擇最喜歡的佈局。

如果您希望相簿直接在燈箱中打開,請點擊“燈箱”標籤,然後勾選“啟用燈箱”選框。啟用後,您可以更改圖片大小、添加過渡效果,並切換其他設置。

相簿也支持移動設備,因此它們會自動適應移動屏幕。

完成相簿配置後,請點擊“發布”按鈕保存設置。然後,您應該會看到‘Envira 相簿代碼’部分。請複製該短碼,以便您可以將相簿嵌入到您的 WordPress 網站的任何地方。

您的相簿現在已準備就緒,您可以將其添加到文章或頁面中。創建新文章或編輯現有文章。然後,點擊“+”圖標並選擇短碼塊。將代碼粘貼到短碼塊中,以將相簿嵌入到頁面或文章中。詳細信息請參閱我們關於如何在 WordPress 中使用短碼的指南。

最後,點擊頂部的“發布”或“更新”按鈕。您可以訪問您的網站,查看相簿效果。根據您配置的圖片集和相簿設置,相簿應該看起來像這樣。點擊每張照片時,燈箱會出現,您可以點擊箭頭瀏覽每個圖片集。

這就是全部。您現在知道如何在 WordPress 中添加相簿圖片集了。

額外提示:在 WordPress 中添加響應式幻燈片

雖然相簿圖片集對於組織圖片集很有用,但有時您可能想以幻燈片格式顯示圖片。幻燈片允許您在不同的幻燈片中顯示圖片或視頻。用戶可以使用箭頭在幻燈片之間導航,或者設置自動播放,使幻燈片自動切換。

這是一個展示最新 YouTube 視頻、客戶評價、熱門 WooCommerce 產品等的好方法。為此,您只需下載 Soliloquy 插件。Soliloquy 是最好的 WordPress 幻燈片插件,允許您輕鬆使用媒體庫中的圖片創建幻燈片。

啟用後,添加一個新的幻燈片。然後,Soliloquy 允許您上傳圖片和視頻,並為每個媒體項目添加標題、說明和替代文字。上傳完畢後,幻燈片看起來應該像這樣。

有關深入教程,請參閱我們的分步指南如何在 WordPress 中添加響應式幻燈片

我們希望這篇文章能幫助您了解如何在 WordPress 中建立相簿圖片集。您可能還會想查看我們的指南如何從 NextGEN 切換到 Envira Gallery最佳 WordPress 圖片壓縮插件推薦

如果您喜歡這篇文章,請訂閱我們的YouTube 頻道獲取 WordPress 視頻教程。您也可以在TwitterFacebook上找到我們。

About the Author

Follow me


{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>