如何裁剪和編輯 WordPress 文章縮圖

03/07/2024

為什麼需要裁剪和編輯 WordPress 文章縮圖或特色圖片?

添加縮圖或特色圖片是讓新博客文章更吸引人的最簡單方式。在我們的經驗中,一張精心裁剪和妥善編輯的縮圖對用戶的參與度有很大的影響。

大多數 WordPress 主題支持特色圖片,並能在網站各處漂亮地顯示它們。詳細步驟請參閱我們的專家指南,了解如何在 WordPress 中添加特色圖片或文章縮圖。

根據您的主題,WordPress 可能會自動裁剪您的文章縮圖,有時會切掉重要部分,給人不好的印象。根據我們的豐富經驗,我們建議進行手動裁剪以確保最佳效果。

從 WordPress 裁剪和編輯文章縮圖

您知道嗎,您可以在 WordPress 中進行基本的圖片編輯?WordPress 的「編輯圖片」功能允許您裁剪、旋轉、翻轉和縮放圖片。這對於快速編輯工作非常方便,尤其是在無法訪問您主電腦上的更強大圖片編輯軟件時。

首先,打開您希望編輯縮圖的文章。在右側,向下滾動至特色圖片面板,然後點擊圖片。這將打開 WordPress 媒體庫並選擇您的特色圖片。在右側是一個區域,您可以為圖片添加替代文字、標題、說明和描述。您還會在「附件細節」下看到一個「編輯圖片」鏈接。點擊該鏈接後,您將進入「編輯圖片」頁面。

在這裡,您會看到圖片預覽、裁剪和以不同方式編輯的按鈕,以及一些用於縮放或裁剪圖片的有用選項。首先,您應該查看「縮圖設置」部分。這裡,您可以選擇是否將更改應用於所有圖片尺寸、僅縮圖或除縮圖外的所有尺寸。請記住,這個縮圖設置是針對 WordPress 為該圖片創建的最小尺寸,例如在使用「最新文章」塊時。這與特色圖片或文章縮圖不同。

這些設置使您可以為特色圖片或文章縮圖創建一個版本,為小縮圖創建另一個版本。在本教程中,我們將使用默認的「所有圖片尺寸」選項。

裁剪 WordPress 文章縮圖

要裁剪圖片,您需要點擊屏幕頂部的「裁剪」按鈕。現在,您會在圖片的每個角和邊看到拖動手柄。您可以拖動這些手柄以選擇裁剪後應保留的圖片部分。拖動手柄時,您可以查看右側「圖片裁剪」下的「選擇」字段,以監控將要裁剪的尺寸。一旦滿意,僅需再次點擊「裁剪」按鈕即可裁剪圖片。

在 WordPress 中裁剪文章縮圖的一個常見原因是確保它具有正確的縱橫比,例如 1:1(正方形)或 16:9。您可以使用「縱橫比」設置更容易選擇具有正確比例的區域。您只需輸入所需的縱橫比,您的選擇將保持該比例。例如,我們將輸入縱橫比 1:1 以確保圖片為正方形。當您將鼠標拖動到圖片上時,形狀將始終為正方形。當您對選擇的區域感到滿意時,再次點擊「裁剪」按鈕。之後,您需要點擊「保存」按鈕以儲存更改後的圖片。

縮放 WordPress 文章縮圖

不要使用過大的圖片,否則會影響網站的性能。您可以在我們的指南中了解更多關於如何優化網頁性能的圖片。我們的圖片解析度為 2560×1637 像素,這超出了我們需要的文章縮圖大小。然而,通過在第一個「縮放圖片」字段中輸入,我們可以將其減少到 1200 像素寬度。注意,圖片的高度會自動更改以保持比例。接下來點擊「縮放」按鈕以更改圖片解析度,然後記得點擊「保存」按鈕以保存更改。請注意,您只能在 WordPress 中縮小圖片,無法通過增加圖片尺寸來放大圖片。然而,您可以使用其他圖片編輯軟件在不失真質量的情況下放大圖片。

旋轉 WordPress 文章縮圖

如果您的文章縮圖因側向旋轉而看起來不對,那麼您可以使用 WordPress 圖片編輯器來修復它。您會找到兩個旋轉圖片的按鈕。「向左旋轉」將會逆時針方向旋轉它,而「向右旋轉」則會順時針方向旋轉它。確保點擊「保存」按鈕以儲存更改。

翻轉 WordPress 文章縮圖

您也可以翻轉您的圖片。例如,如果圖片上的文字顯示為反向,這是非常有用的。點擊「水平翻轉」按鈕會立即創建鏡像。點擊「垂直翻轉」按鈕會使圖片上下顛倒。完成後,您可以點擊「保存」按鈕儲存更改。

恢復 WordPress 文章縮圖

當您保存對圖片的更改時,WordPress 會保留原始圖片的副本。您可以隨時恢復該圖片。只需返回 WordPress 的「編輯圖片」屏幕,您會看到一個標有「恢復原始圖片」的新面板。您需要點擊向下箭頭按鈕擴展此部分。您現在會看到一個標有「恢復圖片」的按鈕。當您點擊該按鈕時,所有更改都將被捨棄,恢復原始圖片。在這種情況下,您不需要保存更改,因為圖片已經恢復。

在電腦上裁剪和編輯 WordPress 縮圖

雖然 WordPress 圖片編輯器方便,但通常更容易使用第三方圖片編輯軟件在電腦上裁剪和編輯圖片。Adobe Photoshop 是一個創建和編輯圖片的優質軟件程序。雖然只是編輯文章縮圖可能過於複雜,但如果您對它熟悉並且已經在電腦上安裝,它是個不錯的選擇。或者,您也可以選擇多種價格優惠的 Photoshop 替代品。Affinity Photo、Pixelmator Pro 和 GIMP 都提供了全面的工具來裁剪和編輯圖片。

第三種選擇是使用照片查看器。這些應用程序易於使用,並且通常擁有基本的裁剪和編輯功能。一些好的免費選擇有:Irフ浏览器適用於 Windows(免費)、Photos 應用程序內置於 Windows 操作系統中(免費)以及 Apple Photos 適用於 Mac(隨 MacOS 免費)。雖然這些工具相似,但它們的工作方式不同。一旦您選擇了一個應用程序,您需要熟悉它的工具。比如這裡是一張使用 Affinity Paint 的裁剪工具的截圖。

從零創建博客文章縮圖和特色圖片

許多初學者在找到可以在其博客上使用的圖片時會遇到困難。您不能僅僅從 Google 搜索中下載圖片,因為這些圖片可能受版權保護,您可能會侵犯原創者的權利。幸運的是,有幾個地方您可以找到免版稅圖片。找到圖片後,您可以在電腦上編輯它以適應主題的特色圖片尺寸。或者,您也可以使用 AI 工具為您的博客文章和特色圖片生成圖片。更多詳情見我們挑選的最好用來創建更好的博客文章圖片的工具(很多是免費的)。

我們希望本教程幫助您學會如何裁剪和編輯 WordPress 文章縮圖。您可能還想了解如何在 WordPress 中創建聯繫表單,或查看我們列出的最佳社交媒體插件列表。
如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取更多 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。



Related Posts

  • 2024-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>