Как сделать изображение в оттенках серого в WordPress

Вы задавались вопросом, есть ли способ автоматически сделать изображения в оттенках серого в WordPress, когда вы их загружаете?? Обычно для изменения...

Вы задавались вопросом, есть ли способ автоматически сделать изображения в оттенках серого в WordPress, когда вы их загружаете??

Обычно для изменения изображений в оттенки серого требуется инструмент редактирования фотографий. Однако это может занять много времени, поскольку вам придется редактировать каждое отдельное изображение, прежде чем загрузить его на свой сайт.

В этой статье мы покажем вам, как сделать изображения в WordPress серыми при загрузке на ваш сайт.

Когда следует использовать полутоновые изображения в WordPress?

Изображения в градациях серого содержат информацию только о количестве света на фотографии. Цвета изображений показывают различные оттенки серого, варьирующиеся между черным и белым.

В определенных ситуациях использование полутоновых изображений может быть полезным для вашего сайта WordPress. Например, вы можете использовать его для улучшения читаемости объектов, показанных на изображении.

С другой стороны, полутоновые изображения широко используются для обработки изображений из-за их небольшого размера. Это позволяет разработчикам выполнять сложные операции за более короткое время.

Итак, давайте посмотрим, как можно перевести изображения в серый цвет в WordPress при их загрузке.

Превращение изображений в оттенки серого при загрузке в WordPress

Когда дело доходит до добавления изображений в блог WordPress, вам придется отредактировать их перед загрузкой с помощью программы редактирования фотографий, например Photoshop, и преобразовать цветные изображения в оттенки серого.

Если у вас есть сотни или тысячи изображений для загрузки, то редактирование каждой картинки вручную может занять много времени.

Однако вы можете автоматически превратить их в полутоновые изображения при загрузке. Чтобы начать, все, что вам нужно сделать, это добавить следующий код в функции вашей темы.php файл:

add_filter('wp_generate_attachment_metadata','rb_bw_filter'); function rb_bw_filter($meta) < $path = wp_upload_dir(); // get upload directory $file = $path['basedir'].'/'.$meta['file']; // Get full size image $files[] = $file; // Set up an array of image size urls foreach ($meta['sizes'] as $size) < $files[] = $path['path'].'/'.$size['file']; >foreach ($files as $file) < // iterate through each image size // Convert image to grayscale credit to http://ottopress.com/2011/customizing-wordpress-images/ 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; >

Простым способом добавления кода в файлы темы является использование плагина Code Snippets для WordPress. Это бесплатный плагин, который помогает вам запускать фрагменты кода без необходимости вручную редактировать функцию вашей темы.php файл.

Во-первых, вам нужно загрузить и установить плагин Code Snippets на свой сайт. Если вам нужна помощь, то следуйте нашему руководству по установке плагина WordPress.

После активации вы можете перейти в раздел Сниппеты » Добавить новый из вашей приборной панели WordPress.

Добавление нового фрагмента кода

Далее, введите имя для вашего сниппета и вставьте приведенный выше код в область кода.

Добавьте сниппет кода для полутоновых изображений

После ввода кода просто нажмите кнопку «Активировать» и сохраните изменения.

Далее вы можете протестировать код, отредактировав или добавив новую страницу. Когда вы находитесь в редакторе WordPress, нажмите кнопку ‘+’ и добавьте блок Image.

Теперь вы можете загрузить любое изображение на свой сайт WordPress, и оно будет автоматически преобразовано в полутоновое изображение.

Мы надеемся, что эта статья помогла вам узнать, как сделать изображение в оттенках серого в WordPress. Вы также можете ознакомиться с нашим руководством о том, как выбрать лучшую платформу для ведения блога и лучший бесплатный генератор названий для бизнеса.

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий