如何使用 Envira 輕鬆創建響應式 WordPress 圖片庫

您是否嘗試過在 WordPress 中創建圖片庫,只是爲了發現內置功能缺少一些重要功能?有幾個 WordPress 畫廊插件承諾提供,但其中大多數都難以使用,並使您的網站非常慢。使用 Envira,您可以輕鬆地在 WordPress 中創建漂亮的圖片庫。在本文中,我們將向您展示如何使用 Envira Gallery 輕鬆創建響應式 WordPress 圖片庫。

如何使用 Envira 輕鬆創建響應式 WordPress 圖片庫

爲什麼 Envira Gallery 更好?

如果您運行一個包含大量照片的攝影或作品集網站,那麼您已經知道創建圖片庫所帶來的麻煩。

例如,您可能會遇到網站速度、缺乏組織、瀏覽器兼容性、設備兼容性和設置困難等問題。

與其他圖庫插件不同,Envira 速度極快,同時仍然具有響應式設計、燈箱和幻燈片功能、拖放構建器、模板和視頻支持等功能。

更不用說,它還具有其他附加組件,例如可幫助您保護圖像的保護、幫助您組織所有圖像的標籤、深度鏈接、全屏和超大尺寸。Envira 還可以輕鬆地與 Instagram、Dropbox、WooCommerce 和 Pinterest 等其他工具和平臺集成。

也就是說,讓我們看一下使用 Envira 創建圖像庫的過程。

使用 Envira Gallery 添加響應式圖像庫

Envira Gallery 是市場上最好的 WordPress 圖片庫插件

在本教程中,我們將使用 Envira Gallery Pro 版本來解鎖更多功能。還有一個免費版本的 Envira Gallery,您可以使用它來創建圖像庫。

Envira Gallery 網站

首先,您需要安裝並激活 Envira Gallery 插件。

激活後,您需要轉到 Envira Gallery » 設置 並輸入您的許可證密鑰。您可以在 Envira Gallery 帳戶區域找到許可證密鑰。

添加 Envira Gallery 許可證密鑰

只需輸入密鑰並單擊“驗證密鑰”按鈕即可。

接下來,要創建一個新的畫廊,您需要從 WordPress 儀表板轉到 Envira Gallery » Add New

添加新圖庫

從這裏,您可以在頂部輸入圖庫的名稱,然後單擊“從您的計算機中選擇文件”按鈕將圖像上傳到您的圖庫。

Envira Gallery 還允許您從其他來源爲您的畫廊選擇圖像。您可以簡單地將圖片上傳到 WordPress 媒體庫並將它們用於圖庫。

在 Envira Gallery 中編輯圖像庫設置

選擇圖像後,您將能夠看到圖像縮略圖。

查看圖庫中的圖像

您只需按要顯示的順序拖放圖像即可重新排列圖像。

如果單擊鉛筆圖標,則會看到更多選項。例如,您可以插入圖像元數據,例如標題和 alt 標籤

Envira Gallery 允許您將 HTML 添加到圖像標題中。您還可以在“圖像超鏈接”字段中添加指向任何頁面或網站的鏈接。

將元數據添加到圖庫圖像

對元數據感到滿意後,可以單擊“配置”選項卡來配置映像庫設置。

您可以選擇如何顯示此特定圖庫。例如,有不同的圖庫佈局可供選擇,從而實現延遲加載和延遲加載延遲。

設置配置設置

如果向下滾動,則會看到更多設置。

Envira Gallery 允許您更改行高和邊距、顯示圖像庫描述、編輯圖像尺寸和大小等。

庫的其他配置設置

接下來,您可以切換到“燈箱”選項卡,並配置燈箱的設置,用於在單擊時顯示完整圖像。

有一些選項可用於選擇主題、顯示標題或標題、圖像大小、啓用箭頭顯示、隱藏或顯示燈箱庫工具欄、選擇燈箱打開和關閉效果等。

圖片庫的燈箱設置

設置燈箱設置後,向下滾動到燈箱選項卡底部的縮略圖部分。

當用戶單擊圖像時,這些縮略圖將顯示在燈箱下方。它允許用戶通過單擊縮略圖來瀏覽圖庫。

調整縮略圖設置

Envira Gallery 還允許您更改畫廊在移動設備上的外觀設置。

只需切換到“移動”選項卡並啓用選項即可創建移動響應式圖庫圖像、編輯移動尺寸、調整行高、啓用標題等。

移動圖庫設置

最後,您可以轉到“雜項”選項卡以查看圖像庫的其他設置。

例如,可以選擇更改圖庫 slug、輸入自定義 CSS、導入圖庫等。

查看圖庫的雜項設置

您還可以導出圖庫並複製圖像。

一旦您對圖庫設置感到滿意,您需要點擊“發佈”按鈕以使此圖庫可用。

發佈圖片庫

發佈後,您將能夠看到可以插入到帖子、頁面或小部件中以顯示您的畫廊的簡碼。

複製圖片庫簡碼

直接在 WordPress 的帖子或頁面中添加圖庫

現在您已經使用 Envira Gallery 創建了一個圖片庫,下一步是將其添加到您的任何博客文章或登錄頁面中。

進入WordPress內容編輯器後,繼續並單擊“+”按鈕以添加Envira Gallery塊。

Envira 畫廊街區

添加塊後,只需單擊 Envira Gallery 塊中的下拉菜單即可選擇您的圖庫。

然後,您將在塊編輯器中看到圖片庫的預覽。一旦您對它的外觀感到滿意,只需發佈您的帖子或頁面即可。然後,您可以訪問您的網站以查看響應式圖片庫的運行情況。

圖片庫預覽

在 WordPress 中使用 Envira Gallery 的額外提示

Envira Gallery 還附帶高級插件,可擴展功能並添加更多功能。

例如,您可以通過使用 Envira Gallery 禁用右鍵單擊圖像來防止圖像盜竊。或者使用其水印插件併爲圖庫中的圖像添加水印

您還可以將 Envira Gallery 與 WooCommerce 集成,以創建令人驚歎的產品圖片庫。這樣,您可以更靈活地以不同的佈局顯示自定義產品圖像。

它甚至允許您使用標籤組織畫廊並創建可過濾的作品集。如果您有多個畫廊並希望讓用戶更輕鬆地對他們感興趣的項目進行排序,這將非常有用。

我們希望本文能幫助您使用 Envira 在 WordPress 中創建響應式圖片庫。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章