如何在WordPress上創建一個In-Post圖庫

文章撰寫者:
  • WordPress
  • 更新:Sep 05,2017

建立一個美麗的WordPress網站 不是火箭科學。

就像每個網站所有者如何擁有一組獨特的目標一樣,WordPress網站擁有無限可能的配置。 作為WordPress用戶,您的主要目標是確定插件,內容和样式選項的完美組合,以獲得真正引人注目的用戶體驗。

在這篇文章中,我們將介紹使用圖像庫為帖子增添趣味的最佳方法。

跳轉到:

讓我們開始吧!

方法#1:使用FooGallery

如果有一件事情,WordPress社區應該感激,那就是 免費插件庫 這使得將有用的功能集成到他們的站點中變得容易。

FooGallery 是您可以用來創建內部圖像庫的最流行的插件之一。 它允許您創建漂亮,移動響應和視網膜就緒的畫廊,而無需編寫任何代碼。

安裝FooGallery的最快方法是通過WordPress儀表板。 轉到插件>添加新,鍵入“FooGallery”,然後單擊“安裝”按鈕。

安裝和激活後,您可以通過單擊FooGallery>添加圖庫來開始創建第一個圖庫。

插入一個標題,以幫助您確定圖庫的所有內容。 這對用戶不可見,因此請隨意使用您想要的任何標題。

要將照片添加到圖庫,請單擊“圖庫項目”下的添加媒體。

這應該會顯示熟悉的界面,您可以從媒體庫中選擇圖像,或通過單擊“上載文件”選項卡上載新圖像。

將圖像添加到圖庫時,請注意圖像文件的標題和標題,因為您可以選擇在用戶將鼠標懸停在圖片上時顯示兩個圖標。

選擇模板

上傳完所需的所有圖像後,請根據需要調整設置。 首先選擇圖庫的模板。

該模板基本上決定了您的圖庫將如何顯示。

例如,響應圖像庫模板將所有圖像顯示為網格,可根據屏幕大小自動調整:

另一方面,Image Viewer模板一次顯示一個圖像,同時為用戶提供導航按鈕:

請注意,其餘可用設置取決於您的模板。 您可以找到的一些設置是圖庫的對齊方式,縮略圖大小,懸停效果,網格間距,燈箱插件等。

您可以隨意使用這些設置,直到獲得所需的外觀。 一個好的策略是在一個選項卡中打開圖庫,在另一個選項卡中打開測試頁。

這導致了下一步 - 將圖像庫添加到帖子中。

將畫廊插入帖子

基本上有兩種方法可以將圖像庫添加到您的內容中:通過短代碼和WordPress帖子編輯器。

要查找特定圖庫的短代碼,請從儀表板轉到FooGallery>圖庫。 單擊短代碼以自動將其複製到剪貼板。

接下來,只需將短代碼粘貼到任何帖子或頁面的內容區域中即可。 如果有效,您應該看到一個空白的圖庫佔位符,底部顯示短代碼。

別擔心 - 佔位符不代表加載實際頁面時圖庫的外觀。

另一種方法是將畫廊直接插入帖子或頁面。 在WordPress儀表板中,打開您要使用的頁面或帖子,然後單擊編輯器中的“添加FooGallery”按鈕。

這將打開“選擇圖庫”窗口,您可以在其中找到可以使用的所有可用圖庫。 您還可以從頭開始創建新的圖庫。

要添加圖庫,請單擊其縮略圖,然後單擊“插入圖庫”按鈕。

如果找不到要使用的圖庫,則可能只是從單獨的選項卡中創建它。 在這種情況下,只需單擊“重新加載”按鈕即可刷新窗口。

改善FooGallery

可擴展性是FooGallery的最大優勢之一。 通過訪問FooGallery>設置,您可以更改插件工作方式的幾個方面。

例如,在“圖像”選項卡中,您可以將庫的縮略圖質量調整為最大100。

最後,FooGallery支持許多不同的輕量級擴展,增加了功能。 您可以通過轉到FooGallery> Extensions來瀏覽擴展程序商店。

方法#2:創建沒有插件的庫

如果您沒有被插件用於所有內容的想法所吸引,那麼您可以考慮使用 內置WordPress功能 代替。

要創建沒有插件的帖子庫,請轉到WordPress帖子編輯器,然後單擊添加媒體。

從那裡,選擇“創建圖庫”選項,然後選擇要使用的圖像。

選擇所有圖像後,單擊“創建新圖庫”按鈕。

這將帶您進入“編輯庫”窗口,您可以在其中指定圖像的順序,要使用的列數以及圖庫的大小。

不要忘記為每個圖像編寫一個合適的標題,以便為用戶提供一些上下文。 您還可以修改每個圖像的鏈接行為。

如果您不希望您的圖庫以任何方式進行交互,請將此設置為“無”。

方法#3:其他插件替代品

我們現在已經探索了兩個最流行的選項,用於向WordPress帖子添加帖子中的畫廊。

為了給您更多的靈活性,您可以考慮以下幾種FooGallery的替代方案:

由Huge IT組合的圖庫

網站: huge-it.com/portfolio-gallery/; 價格:40網站免費/ $ 1

Portfolio Gallery是巨大的IT WordPress插件生態系統的一部分。 這是一個易於使用的插件,可讓您創建具有多個視圖的高度交互式圖庫,包括全高塊,內容滑塊,彈性網格和燈箱庫。

NextGEN畫廊

網站: www.imagely.com/nextgen-gallery/; 價格:免費/ $ 69

在有效安裝方面,NextGEN Gallery位居榜首,擁有超過100萬的1用戶。 FooGallery在這篇文章中出現的唯一原因是價格陡峭。 它還有一個更複雜的設置部分,對新用戶來說可能有點混亂。 不過,它是一個可靠的插件,可以幫助您創建美觀和響應式畫廊。

Instagram Feed WD

網站: web-dorado.com/wordpress-instagram-feed-wd; 價格:25網站免費/ $ 1

您可以輕鬆使用Instagram Feed WD從Instagram帳戶中提取內容並進入可自定義的圖庫。

這對於擁有Instagram存在感的攝影師和博主來說非常完美。

找到瞭如何創建在崗圖像庫所需的一切? 別忘了看看 必不可少的WordPress插件 每個網站都應該有!

關於Christopher Jan Benitez

Christopher Jan Benitez是一位專業的自由撰稿人,為小型企業提供吸引受眾並提高轉化率的內容。 如果您正在尋找有關數字營銷相關內容的高質量文章,那麼他就是您的傢伙!隨時在Facebook,Google +和Twitter上對他說“嗨”。