如何在 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 上找到我們。