如何在 WordPress 中將圖片轉換為灰階

WPressize Me

10/21/2022

如何在 WordPress 中將圖片轉換為灰階

您是否在尋找一種方法,可以在上傳到 WordPress 時自動將圖片轉換為灰階?通常,您需要使用照片編輯工具來更改圖片為灰階,但這可能會花費很多時間,因為您需要在上傳每張圖片之前單獨編輯它們。

在本文中,我們將向您展示如何在上傳到您的網站時,將圖片轉換為灰階。

什麼時候應該在 WordPress 中使用灰階圖片?

灰階圖片僅包含關於圖片中光量的信息。圖片顏色顯示不同的灰色陰影,變化於黑和白之間。在某些情況下,使用灰階圖片對您的 WordPress 網站有利。比如,您可以用它來改善圖片中顯示對象的可讀性。另一方面,灰階圖片因其小尺寸而常用於圖像處理。它允許開發者在較短的時間內運行複雜的操作。

那麼,讓我們來看看如何在上傳圖片到 WordPress 時,將其轉換為灰階。

在 WordPress 上傳圖片時轉換為灰階

當涉及到在 WordPress 中添加圖片時,您需要在上傳之前使用 Photoshop 等照片編輯軟件進行編輯,將彩色圖片轉換為灰階。如果您有成百上千張圖片需要上傳,那麼逐張手工編輯會花費大量時間。然而,您可以在上傳時自動將其轉換為灰階圖片。首先,您需要將以下代碼添加到主題的 functions.php 文件中:

add_filter('wp_generate_attachment_metadata','rb_bw_filter');function rb_bw_filter($meta) { $path = wp_upload_dir(); $file = $path['basedir'].'/'.$meta['file']; $files[] = $file; foreach ($meta['sizes'] as $size) { $files[] = $path['path'].'/'.$size['file']; } foreach ($files as $file) { list($orig_w, $orig_h, $orig_type) = @getimagesize($file); $image = wp_load_image($file); imagefilter($image, IMG_FILTER_GRAYSCALE); switch ($orig_type) { case IMAGETYPE_GIF: imagegif($image, $file); break; case IMAGETYPE_PNG: imagepng($image, $file); break; case IMAGETYPE_JPEG: imagejpeg($image, $file); break; } } return $meta;}

由 ❤️ 支持,WPCode 提供托管

在 WordPress 中一鍵使用

使用 WPCode 插件是一種簡單的方法,將代碼添加到主題文件中,而不需要手動編輯主題的 functions.php 文件。這樣,您不必擔心弄壞您的網站。

首先,您需要在您的網站上下載並安裝免費的 WPCode 插件。如果您需要幫助,請參考我們的指南,瞭解如何安裝 WordPress 插件。

注意:免費版本的 WPCode 提供了在 WordPress 中輕鬆添加自定義代碼所需的一切功能。對於更高級的功能,如私有雲片段庫、計劃片段、轉換像素等,您可以升級到 WPCode Pro。

安裝完成後,您可以從 WordPress 儀表板,前往 Code Snippets » + Add New。然後,導航到 ‘Add Your Custom Code (New Snippet)’ 選項,並點擊 ‘Use snippet’ 按鈕。

接著,為您的片段命名,並將上面的代碼粘貼到 ‘Code Preview’ 區域。在右邊的下拉列表中,選擇 ‘PHP Snippet’ 作為代碼類型。

輸入代碼後,可以向下滾動到 ‘Insertion’ 部分。在這裡可以保持選擇 ‘Auto Insert’ 選項。這將自動為您插入並執行代碼。

最後,回到螢幕頂部,將開關從 ‘Inactive’ 切換為 ‘Active’ 並點擊 ‘Save Snippet’ 按鈕。

現在,可以通過編輯或添加新頁面來測試代碼。當您在 WordPress 編輯器中時,點擊 ‘+’ 按鈕,並添加一個 Image block。您現在可以在您的 WordPress 部落格上上傳任何圖片,它將自動轉換為灰階圖片。

我們希望這篇文章幫助您了解如何在 WordPress 中將圖片轉換為灰階。您還可以查看我們的指南,瞭解如何選擇最佳的部落格平台,以及我們的專家推薦的最佳網頁設計軟件。

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



Related Posts

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

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