如何在WordPress中創建圖片庫(逐步操作)


您是否要在WordPress中創建圖片庫?

圖片庫可讓您按行和列添加照片。 這樣一來,您可以在更小的空間中顯示更多照片,同時也使用戶更容易瀏覽它們。

在本文中,我們將向您展示如何輕鬆地在WordPress中創建圖片庫,使您的照片看起來更好。

如何在WordPress中創建圖片庫

為什麼要在WordPress中創建圖片庫?

WordPress使添加圖像到您的博客文章和頁面變得非常容易。 您只需要添加圖像塊並上傳圖像。

但是,如果要添加多張圖像,則所有這些圖像都會一個接一個地顯示。 看起來不太好,您的用戶將不得不滾動很多才能查看全部內容。

在WordPress帖子中添加多個圖像而不創建圖庫

通過創建圖庫,您可以按具有列和行的網格佈局顯示圖像。 您可以顯示圖片的縮略圖,用戶可以單擊它們以查看完整圖像。

這樣,您將可以在更小的空間中顯示更多照片,而且看起來會更加專業。

使用默認圖庫塊預覽WordPress圖片庫

WordPress實際上具有內置的圖庫功能,可快速創建照片畫廊。 新的WordPress區塊編輯器包括一個Gallery區塊,讓您只需單擊幾下即可製作WordPress畫廊。

您還可以使用WordPress圖片庫插件創建功能更強大的畫廊。

在本教程中,我們將向您展示在WordPress中製作相冊的兩種方法。

讓我們從默認的WordPress Gallery塊開始。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

方法1.創建沒有插件的圖像庫

WordPress帶有內置功能,可讓您創建畫廊。 此功能非常基本,沒有很多選項,但是可以完成工作。

這是不使用插件在WordPress中創建圖片庫的方式。

首先,您需要編輯要在其中添加圖片庫的帖子或頁面。 在帖子編輯屏幕上,單擊“添加新塊”圖標,然後選擇“圖庫”塊。

將Gallery Block添加到WordPress帖子編輯器

這會將Gallery塊添加到您的WordPress編輯器,您可以在其中單擊“上傳”按鈕以從計算機上傳照片。 您還可以從媒體庫中以前上傳的照片中進行選擇。

WordPress圖庫塊中的圖像上傳選項

如果單擊“上傳”按鈕,則通常一次只能上傳一張照片。 但是,您可以在鍵盤上按Ctrl鍵選擇並打開多個圖像。

從計算機將圖像上傳到您的WordPress照片庫

上傳完所有圖像後,可以為圖像添加標題。 只需單擊照片,您將在需要輸入標題的地方看到“寫標題…”選項。

在圖庫圖像中寫標題

如果選擇“媒體庫”按鈕,則將能夠一次為畫廊選擇圖像。 選擇圖像時,還可以從右側的附件詳細信息面板輸入圖像的替代文本,標題和標題。

從WordPress媒體庫中選擇圖像

選擇要添加的圖像,然後單擊右下角的“創建新畫廊”按鈕。

接下來,您將看到“編輯庫”頁面,您可以在其中添加/查看圖像標題。 完成後,單擊右下角的“更新庫”按鈕。

更新您的WordPress庫

之後,您的帖子編輯屏幕將打開,右側的圖庫區設置面板將打開。 現在,您可以選擇每行的列數,啟用或禁用“裁剪圖像”選項,並選擇鏈接圖庫圖像的位置。

WordPress Gallery Block設置

如果希望用戶僅查看照片,則可以從“鏈接到”選項中選擇“無”。 此選項禁用圖像的單擊功能。

如果選擇“媒體文件”選項,則圖像將是可單擊的,單擊時圖像文件將打開。 同樣,如果選擇“附件頁面”選項,則將打開附件頁面。

對設置滿意後,您可以發布帖子並在實時網站上預覽圖庫。

例如,這是圖片庫在我們的演示網站上的顯示方式。

使用默認圖庫塊預覽WordPress圖片庫

那不是那麼容易快捷嗎?

看起來也不錯。 但是,如果您定期創建圖像畫廊,那麼您很快就會注意到它缺乏某些基本功能。

例如,您的圖像將無法單擊或在新頁面中打開。 如果將圖庫圖像鏈接到媒體文件或附件頁面,則用戶將不得不單擊“後退”按鈕再次查看圖庫。

它不是用戶友好的,並且畫廊的外觀取決於您的主題。 在大多數情況下,您只會得到一種非常通用的樣式。

您無法按照主題,相冊,標籤等來組織畫廊。畫廊不會存儲在任何地方,如果您需要再次添加同一畫廊,則必須重新創建它。

如果要在您的站點上添加更具專業外觀的圖像庫,則應使用下一種方法。

方法2。使用Envira Gallery創建圖像庫

對於這種方法,我們將使用Envira Gallery插件。 它是市場上最好的WordPress圖像庫插件。

Envira可讓您輕鬆地在WordPress中創建完全響應,美觀,現代的圖像庫。 它速度超快,並具有許多功能,例如燈箱彈出窗口,輕鬆的圖像導航,拖放生成器以及專業的畫廊模板。

讓我們開始吧。

您需要做的第一件事是安裝並激活Envira Gallery插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 Envira Gallery»設置 頁面以輸入您的許可證密鑰。 您可以從Envira Gallery網站上的帳戶中獲取此密鑰。

輸入Envira Gallery許可證密鑰

確認許可證密鑰後,您可以轉到 Envira畫廊»添加新 頁面以創建您的第一個畫廊。

使用Envira Gallery WordPress插件創建新畫廊

首先,您需要為畫廊提供一個標題,然後單擊“從計算機中選擇文件”按鈕以上傳圖像。

您還可以通過單擊“選擇其他來源的文件”按鈕從WordPress媒體庫中選擇文件。

上傳圖像後,它們將出現在“圖庫”部分中。

Envira Gallery Builder中的圖像

您可以單擊圖像上的鉛筆圖標以為每個圖像添加標題,標題和替代文本。

編輯圖庫圖像元數據

接下來,您需要單擊“配置”選項卡。

在這裡,您可以更改圖庫設置,例如列數,圖像延遲加載,標題和標題位置,邊距,高度,縮略圖大小,圖像尺寸等。

配置Envira圖庫設置

之後,您需要點擊“燈箱”標籤。

燈箱彈出窗口使用戶無需離開頁面即可放大圖像並瀏覽它們。

默認設置在大多數網站上都可以很好地工作,但是您可以查看這些選項並根據需要更改它們。

Envira Gallery燈箱選項

接下來,您可以點擊“移動”標籤,為移動設備配置圖片庫設置。 它使您可以選擇移動設備的圖像尺寸,啟用或禁用燈箱等等。

Envira移動圖庫設置

之後,您可以查看更多選項,例如Gallery Slug,並從“其他”部分添加自定義CSS。

現在,您可以發布自己的畫廊,從而可以將其添加到WordPress網站上的任何位置。

接下來,您需要編輯要顯示圖庫的帖子或頁面。

在帖子編輯屏幕上,單擊“添加新塊”圖標,然後選擇“ Envira Gallery”塊。

將Envira Block添加到WordPress帖子編輯器

單擊它將在帖子編輯器中添加Envira Gallery塊。 現在,您可以按名稱搜索畫廊,也可以通過單擊下拉箭頭圖標找到它。

選擇一個Envira畫廊添加到您的WordPress帖子中

之後,該插件將在帖子編輯器中加載您的畫廊。

Envira Gallery已添加到WordPress帖子編輯器

接下來,您可以從右側的塊設置面板再次查看圖庫設置。

Envira圖庫塊設置

現在,您可以保存您的帖子並對其進行預覽,以在實時網站上查看圖庫。

使用Envira Gallery創建的WordPress照片庫

點擊圖庫中的任何圖片都會在燈箱彈出窗口中將其打開。 您可以通過按屏幕或鍵盤上的左右箭頭鍵在燈箱中瀏覽圖像。

燈箱彈出窗口中的Envira畫廊圖像

您的畫廊在移動設備上也將同樣出色。 用戶將可以點擊圖像以將其放大並滑動以查看下一個或上一個圖像。

響應式WordPress照片庫

我們希望本文能幫助您學習如何在WordPress中創建圖片庫。 您可能還希望查看有關如何解決WordPress中常見圖像問題的指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。