Как добавить свои размеры изображений wordpress

Привет всем, очередной пост посвященный размерам изображений (и миниатюр в том числе) wordpress. Сегодня я расскажу вам как можно добавить свои размеры изображений wordpress. Речь пойдет конечно о правильном добавлении размеров, вариант задания размеров на лету нам не сильно нужен.

Навигация по странице:

Штатные размеры изображений wordpress

к менюПо умолчанию у WordPress существует 3 размера изображений + четвертый - это полный размер:

  • thumbnail (по умолчанию 150х150 со строгой обрезкой - пропорции сторон игнорируются)
  • medium (300х300 но пропорции сторон будут соблюдены, то есть может только одна из сторон равняться 300px)
  • large (640x640 пропорции сторон будут соблюдены, аналогично medium)
  • full (полный размер картинки. может быть ограничен максимальный размер в настройках и тогда большие картинки будут обрезаться. по дефолту все больше 1024пх в ширину обрезается)

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

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

 

Добавляем свои размеры изображений wordpress

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

if ( function_exists( 'add_image_size' ) ) {
    add_image_size( 'thumb-250x250', 250, 250, true );
}
add_filter( 'image_size_names_choose', 'new_custom_sizes' );
function new_custom_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'thumb-250x250' => 'Размер 250Х250'
    ) );
}

Маленькая ремарка к коду: функция add_image_size регистрирует размер фото и  принимает 4 параметра

  • системное название размера (нельзя вставлять пробелы)
  • ширина
  • высота
  • придерживаться пропорций или нет (если true - то wordpress размеры картинок будут без учета пропорций, то есть с картинки 640х480 будут 250х250 (в примере), в противном случае (при false) размер будет 250х186).

Вот такой не хитрый код добавляет новые размеры изображений wordpress в админку, а также регистрирует их для использования с других функций, например wp_get_attachment_image_src.

После сохранения кода, вы можете открыть редактор страницы или поста и посмотреть что у нас добавилось:

  1. Нажимаем на "добавить медиафайл" wordpress размеры картинок
  2. Добавляем любое изображение размером больше чем 250 на 250.
  3. После загрузки фото, в правом нижнем углу смотрим доступные размеры:
    размеры изображений wordpress

 

Вот как то так, мы добавили новый размер изображений wordpress.

Ключевой момент: автоматически для старых изображений размеры не поменяются. Можно воспользоваться плагином Regenerate Thumbnails, о нем я уже говорил в посте размер миниатюры wordpress.

 

Выводим новые размеры картинок wordpress

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

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

<?php if(has_post_thumbnail()){$large_image_url=wp_get_attachment_image_src( get_post_thumbnail_id(), 'thumb-250x250');?><img src="<?php echo $large_image_url[0];?>"><?php }?>
- это для миниатюры или вот так:
<img src="<?php $large_image_url=wp_get_attachment_image_src( 2727, 'thumb-250x250'); echo $large_image_url[0];?>"/>
- если идентификатор изображения равен 2727.

 

Новые размеры изображений wordpress - увеличивают объем сайта

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

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

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

На этом у меня все, в качестве спасибо можно показать этот пост "wordpress размеры картинок" своим друзьям в соц. сетях:

Комментарии к записи «Как добавить свои размеры изображений wordpress»:
Сделать заказ
Онлайн помощь по WordPress