如何一鍵在 WordPress 中使用 Unsplash 圖片

已發表: 2018-09-30

Unsplash 是在線獲取免費圖像以在您的項目中使用的最佳場所之一。 它們不需要署名,質量很高,每天都會添加新圖像,很容易搜索,而且您幾乎可以找到有關您能想像的任何主題的照片。

我寫的大多數使用示例帖子的文章都包含從 Unsplash 拍攝的圖像。 它們的質量非常好,但它們也是非常大的文件。 他們通常需要幾個步驟才能為我的網站做好準備。

這個過程通常是這樣的:在我的瀏覽器中轉到 Unsplash,搜索或滾動,將每個單獨的圖像下載到我的筆記本電腦,用我的照片編輯軟件調整每個圖像的大小,然後將它們上傳到 WordPress 以在我的項目中使用。

我現在找到了一種方法來縮短這個過程。 現在看起來像這樣:在 WordPress 中選擇 Unsplash,搜索或滾動,然後選擇我想要的圖像。 圖像會自動調整大小並放置在我的 WordPress 媒體文件夾中,我可以在我的項目中使用它們,或者它們會自動放置在我的內容中。 這意味著我現在可以一鍵在 WordPress 中使用 Unsplash 圖片。 不用下載。 沒有調整大小。

訂閱我們的 YouTube 頻道

即時圖像 - 一鍵 Unsplash 上傳

解決方案是 WordPress 存儲庫中名為 Instant Images 的免費插件。 您可以從存儲庫下載它或在 WordPress 插件菜單中搜索它。

一旦它被激活,一個新的菜單項就會被添加到名為Instant Images的 Media 菜單中。 您可以在此處調整設置,查看新照片、熱門照片或最舊照片,或搜索照片。 圖像使用 AJAX 加載,因此只要您滾動就會顯示新圖像(這可能會讓人上癮,但這是一個不同的問題)。 屏幕底部的菜單提供連接、發表評論或查看常見問題解答的鏈接。

該插件提供了兩種將 Unsplash 圖片添加到 WordPress 的方法:

  • 在“媒體”選項卡中 - 這適用於當前編輯器和古騰堡。
  • 在頁面或帖子內 - 這適用於當前編輯器和使用當前 WordPress 編輯器的頁面構建器。

即時圖像設置

在右上角點擊設置提供了幾個設置和內容區域的屏幕。 Unsplash 設置包括最大寬度和高度的圖像大小設置,以及一個隱藏即時圖像按鈕的複選框,該按鈕位於帖子編輯屏幕上的“添加媒體”按鈕旁邊。 我將它們保留為默認值,但這是控製圖像大小的絕佳功能。

What's New提供有關最近兩次更新的信息。 我們的插件列出了發布者的其他插件並提供按鈕,以便您可以從 WordPress 存儲庫安裝它們。 單擊右上角的X 設置按鈕關閉此屏幕。

設置服務器權限

您很可能可以毫無問題地上傳圖像。 我嘗試了兩種不同的安裝。 第一個沒有問題,而第二個不會上傳圖像。 問題是我的服務器的權限設置。 權限設置為 341。它至少需要設置為 755。如果您使用的是 cPanel,請導航到服務器上 wp-content/uploads文件夾中的Instant-images文件夾,然後單擊Permissions 。 您的可能看起來與此不同。

如果您在導入圖像時遇到問題,請務必檢查您的服務器權限。 如果這不是問題,請查看常見問題解答以獲取更多故障排除信息。 問題不多,但我確實必須設置權限。

將圖像添加到您的媒體庫

要將圖像直接添加到您的媒體庫,請單擊媒體儀表板菜單中的即時圖像。 您可以通過選擇“新”、“流行”、“最舊”或搜索來查找圖像。 滾動顯示更多圖像。

找到要添加到庫中的圖像後,單擊該圖像。 將鼠標懸停在圖像上可查看編輯該圖像詳細信息的按鈕、攝影師的縮略圖(帶有指向他們在 Unsplash 上的圖像的鏈接)、一個贊圖像按鈕,或查看可讓您在 Unsplash.com 上查看圖像的按鈕。

單擊齒輪會打開該圖像的“編輯圖像詳細信息”。 您可以在此處重命名、添加您自己的替代文字以及添加您自己的標題。

單擊圖像會自動將其導入您的媒體庫。

圖像導入後,您將收到一條消息,指示圖像正在調整大小。

您可以一次導入多個圖像。

一旦它們被調整大小並添加到您的媒體庫中,您將看到一個綠色的複選標記圖標。

這些圖像現在在媒體庫中,我可以在任何我想要的地方使用它們。

搜索提供了使用該關鍵字的圖像數量的計數。 單擊數字上的 x 清除搜索結果。 您可以通過關鍵字或照片 ID 進行搜索。 如果您在 Unsplash.com 上找到了圖像並且想要使用 Instant Images 導入它,那麼照片 ID 會很有幫助。

將圖像直接添加到帖子和頁面

如果您已經將圖像添加到媒體庫中,則可以正常使用它們。 如果您尚未添加它們,則不必先將它們添加到媒體庫中。 WordPress 編輯器中添加了一個名為Instant Images 的新按鈕。 它位於“添加媒體”按鈕旁邊。

這將打開一個模式,您可以在其中滾動瀏覽新的、流行的或最舊的圖像,並蒐索您想要的任何圖像。

單擊您想要的圖像,它將完成下載調整大小的過程。 完成該過程並為您提供綠色複選標記後,它將在模式中打開一個新屏幕,您可以在其中編輯圖像。 您可以在此處查看標題、替代文本、說明、說明、鏈接 URL、對齊方式和大小。 做出選擇後,單擊按鈕將圖像插入到您的內容中。

該圖像將添加到帖子中,就像您從媒體庫中選擇它一樣。

在這個例子中,我在內容中添加了一個中等大小的圖像,並給它一個左對齊屬性。

這不是一個 Divi 插件,但是任何使用 WordPress 編輯器的 Divi 模塊也可以使用 Instant Images 按鈕。

不過,即時圖像選項卡並未添加到前端構建器中。 當然,您仍然可以使用您添加到媒體庫中的任何圖像,包括您通過即時圖像添加的圖像。

Unsplash 圖像許可證

來自 Unsplash 的照片因其許可而非常適合您的項目。 Unsplash 上的所有照片均可免費用於商業和非商業目的。 您不需要許可,也不必向 Unsplash 或攝影師提供信用。

您可以以任何方式下載、分發、複製和修改照片。 您不能出售它們或為 Unsplash 創建競爭服務。

結束的想法

這就是我們對如何一鍵在 WordPress 中使用 Unsplash 圖像的看法。 Instant Images 是迄今為止我見過的將 Unsplash 圖像導入 WordPress 的最簡單方法。 我喜歡設置圖像最大尺寸並隨著圖像導入而調整大小的能力。 這非常適合用高質量的照片填充您的媒體庫以在您的項目中使用。

如果您的項目需要高質量的照片,Instant Images 可能是您簡化使用過程所需的插件。

我們希望聽到您的意見。 您是否嘗試過即時圖像 - 一鍵 Unsplash 上傳? 請在下面的評論中告訴我們您對此的看法。

精選圖片來自 GoodStudio/shutterstock.com