Урок 93.1. Работа с изображениями на WordPress

С развитием вордпрессовской платформы в загрузчике медиафайлов за последние несколько лет было немало полезных обновлений. Пожалуй, самое главное – появление галерей и инструментов для управления  изображениями: теперь их можно редактировать непосредственно из админки.

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

Как менять размер изображений

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

Ну а для тех, кто не ищет легких путей, можно сказать, что размер может меняться и functions.php используемой темы:

add_theme_support( ‘post-thumbnails’ );

set_post_thumbnail_size( 150, 150 );

Так, в прописанном выше коде указан размер миниатюр в 150х150 пикселей. Примечательно, что воспользовавшись данным методом, можно проигнорировать заданные параметры в настройках медиафайлов.

Есть еще одна функция с тремя аргументами:

Параметр предлагает обрезку изображения, чтобы активировать функцию, нужно поменять значение false на true, по умолчанию обрезка изображения отключена.

Разные размеры для разных шаблонов

Интересно, что в functions.php можно добавить картинки с определенными изображениями для каждой страницы. Так, на стартовую страницу можно добавить миниатюру, а в категории, к примеру – картинки среднего размера. Размеры при этом выбираются функцией add_image_size():

add_image_size( ‘tag-thumb’, 200,200 );

add_image_size( ‘homepage-thumb’, 220, 180 );

Для отображения этих изменений в файлы используемого шаблона нужно добавить небольшой код. В примере указаны разные размеры миниатюр, один для тэгов, второй – для стартовой страницы. Миниатюра Тэг отобразится, если в tags.php добавить код:

if ( has_post_thumbnail() ) {

the_post_thumbnail( ‘category-thumb’ );

} ?>

Редактирование изображений

WordPress может похвастаться неплохим встроенным редактором изображений, где их можно обрезать, поворачивать или менять размер. Чтобы воспользоваться данным редактором, есть два способа. Первый – воспользоваться Редактирование изображений или Edit Image, перейдя по ссылке после того, как вы загрузите изображение. Второй способ нужно использовать, если вы повторно заходите в Медиафайлы из Библиотеки админки. Для этого достаточно выбрать нужное изображение в списке, навести курсор на данное изображение, и выбрать Редактирование (или Edit). Здесь также доступно масштабирование, редактирование alt-текста, описания или заголовка.

Конечно, на этом особенности редактирования не заканчиваются. Но об этом мы продолжим в уроке 93.2.