С развитием вордпрессовской платформы в загрузчике медиафайлов за последние несколько лет было немало полезных обновлений. Пожалуй, самое главное – появление галерей и инструментов для управления изображениями: теперь их можно редактировать непосредственно из админки.
Что ж, рассмотрим базовые основы, позволяющие работать с изображениями в данной платформе, а именно: как менять размер картинки, редактировать ее, уменьшать размер для ускорения загрузки, а также создавать галереи и активировать для них карусель. Не исключено, что к моменту прочтения руководства разработчики усовершенствуют инструменты еще лучше и работать с картинками станет проще и удобнее, но некоторые базовые основы все равно помогут вам сориентироваться в данной платформе.
Как менять размер изображений
Многие могли отметить, что загрузка картинок предусматирвает в настройках выбор альтернативного размера: это может быть большой размер, средний или миниатюра. Более точная ширина и высота может быть задана в настройках – медиафайлы. Если же формат миниатюры не указан, он сгенерируется автоматически.
Ну а для тех, кто не ищет легких путей, можно сказать, что размер может меняться и functions.php используемой темы:
add_theme_support( ‘post-thumbnails’ );
set_post_thumbnail_size( 150, 150 );
Так, в прописанном выше коде указан размер миниатюр в 150х150 пикселей. Примечательно, что воспользовавшись данным методом, можно проигнорировать заданные параметры в настройках медиафайлов.
Есть еще одна функция с тремя аргументами:
<?php set_post_thumbnail_size( $width, $height, $crop ); ?>
Параметр предлагает обрезку изображения, чтобы активировать функцию, нужно поменять значение false на true, по умолчанию обрезка изображения отключена.
Разные размеры для разных шаблонов
Интересно, что в functions.php можно добавить картинки с определенными изображениями для каждой страницы. Так, на стартовую страницу можно добавить миниатюру, а в категории, к примеру – картинки среднего размера. Размеры при этом выбираются функцией add_image_size():
add_image_size( ‘tag-thumb’, 200,200 );
add_image_size( ‘homepage-thumb’, 220, 180 );
Для отображения этих изменений в файлы используемого шаблона нужно добавить небольшой код. В примере указаны разные размеры миниатюр, один для тэгов, второй – для стартовой страницы. Миниатюра Тэг отобразится, если в tags.php добавить код:
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail( ‘category-thumb’ );
} ?>
Редактирование изображений
WordPress может похвастаться неплохим встроенным редактором изображений, где их можно обрезать, поворачивать или менять размер. Чтобы воспользоваться данным редактором, есть два способа. Первый – воспользоваться Редактирование изображений или Edit Image, перейдя по ссылке после того, как вы загрузите изображение. Второй способ нужно использовать, если вы повторно заходите в Медиафайлы из Библиотеки админки. Для этого достаточно выбрать нужное изображение в списке, навести курсор на данное изображение, и выбрать Редактирование (или Edit). Здесь также доступно масштабирование, редактирование alt-текста, описания или заголовка.
Конечно, на этом особенности редактирования не заканчиваются. Но об этом мы продолжим в уроке 93.2.