Как добавить свои размеры изображений 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.
После сохранения кода, вы можете открыть редактор страницы или поста и посмотреть что у нас добавилось:
- Нажимаем на "добавить медиафайл"
- Добавляем любое изображение размером больше чем 250 на 250.
- После загрузки фото, в правом нижнем углу смотрим доступные размеры:
Вот как то так, мы добавили новый размер изображений 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];?>"/>
Новые размеры изображений wordpress - увеличивают объем сайта
к менюСтоить обратить ваше внимание на тот факт, что все актуальные размеры изображений генерируются при загрузке фото или при регенерации через плагин. В таком случае каждый новый размер увеличивает объемы сайта.Особенно остро эта проблема становится, когда у вас подключено много больших размеров картинок, в паре с огромным количеством фоток. Нужно, по возможности, исключить ненужные размеры.
Ни в коем случае не удаляете отдельные размеры изображений через фтп, это может привести к провалам на месте, где должна быть картинка.
На этом у меня все, в качестве спасибо можно показать этот пост "wordpress размеры картинок" своим друзьям в соц. сетях:
Всё бы хорошо. но что если нужно создать размер больше, чем ширина темы? WP почему-то отказывается. То есть размер добавляется, но вместо нужной ширины даёт ширину темы.