如何在列和行中顯示WordPress照片


您是否要在列和行中顯示WordPress照片? 默認情況下,WordPress在彼此垂直的列中添加圖像。 但是,如果您要在博客文章中添加多張照片,那麼看起來就不太乾淨了,需要用戶進行大量滾動。 在本文中,我們將向您展示如何輕鬆地在列和行中顯示WordPress照片。

以行和列顯示WordPress照片

為什麼您需要按行和列的WordPress照片

默認情況下,當您將多個圖像添加到WordPress帖子中時,它們會緊挨著出現或彼此重疊。

WordPress中照片的默認滾動顯示

這看起來不太好,您的用戶將不得不滾動很多才能查看多張圖像和照片。

通過使用基於網格的佈局以行和列顯示照片,可以輕鬆解決此問題。 這樣,圖像將以緊湊的佈局顯示,並改善您網站上的用戶體驗。

列和行中的照片

話雖如此,讓我們看一下如何在列和行中顯示WordPress照片。

1.在沒有插件的列和行中顯示照片

此方法不需要您在網站上安裝任何新插件。 如果您不經常添加多張照片,那麼這對您來說很好。

首先,您需要創建一個新帖子或編輯要在其中顯示照片的現有帖子。 在帖子編輯屏幕上,單擊“添加媒體”按鈕以啟動WordPress媒體上傳器彈出窗口。

單擊添加媒體按鈕以WordPress上載您的照片

接下來,您需要上傳要在行和列中顯示的所有照片。 上傳後,您將在媒體庫中看到您的照片。

在WordPress中創建畫廊

您剛剛上傳的圖像已經被選中。 如果要包括任何以前上傳的照片,則也可以通過在媒體庫中單擊它們來選擇它們。

之後,您需要單擊左欄中的“創建畫廊”鏈接,然後單擊“創建新畫廊”按鈕。

單擊以創建一個新的所選照片畫廊

現在,彈出窗口將更改為顯示圖庫設置選項。

您可以選擇列數,每個圖像應鏈接到的列數,要顯示的圖像大小以及隨機顯示順序。

圖庫設置選項

之後,您需要單擊插入畫廊按鈕,WordPress將在​​您的博客文章中插入畫廊。

列和行中的照片作為WordPress中的圖庫

如果要更改列數或其他設置,則只需在帖子編輯器中單擊照片。

WordPress將選擇您的畫廊,然後您可以單擊鉛筆圖標來編輯畫廊設置。

編輯圖庫設置

就這樣,您可以繼續撰寫您的文章或保存您的更改。 您可以立即預覽信息,以行和列的形式查看您的照片。

WordPress中行和列佈局中的照片

此方法適用於大多數初學者。 但是,如果您經營攝影博客或經常在網站上共享照片,則此方法缺少幾個重要功能。

例如,照片的外觀取決於您的WordPress主題,並且您限於一種特定的佈局和样式。

您的圖片將不會在燈箱彈出窗口中打開,用戶必須將其加載為新頁面,然後點擊“後退”按鈕以返回到原始頁面。

為了獲得更專業,更漂亮的用戶體驗,您應該嘗試使用插件方法。

2.使用插件在列和行中顯示照片

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

Envira Gallery是我們的高級WordPress插件之一,單個站點許可證的起價為19美元。

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

輸入Envira Gallery許可證密鑰

現在您可以創建漂亮的圖像庫了。

前往 Envira畫廊»添加新 頁面以創建您的第一個畫廊。

上傳照片以創建新畫廊

您可以從計算機中選擇和上傳文件,也可以從WordPress媒體庫中選擇文件。

上傳您的照片後,它們將顯示在下面的畫廊設置框中。

已將照片添加到Envira畫廊

接下來,您需要單擊配置選項卡以自定義顯示照片的方式。

在“圖庫列數”下,您可以選擇照片的列數。

配置照片的列數

您還可以指定要顯示的縮略圖的確切大小,以及各列中圖像之間的間距。

之後,您可以單擊“發布”按鈕,以準備將您的照相館添加到您的WordPress網站中。

現在,您需要編輯一個帖子或創建一個新帖子。 您會在帖子編輯器頂部看到新的“添加圖庫”按鈕。

添加圖庫按鈕

單擊它會彈出一個彈出窗口,您需要在其中選擇剛剛創建的畫廊,然後單擊插入按鈕。

插入圖庫

現在,該插件會將畫廊簡碼添加到帖子編輯器中。

您可以保存您的帖子並對其進行預覽,以在漂亮的移動響應照片庫中按行和列查看您的照片。

Envira畫廊中的照片欄

現在,當您的用戶單擊照片縮略圖時,它將以漂亮的彈出窗口打開。 他們也將能夠瀏覽圖像而無需離開頁面。

瀏覽帖子中的照片

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

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