Вордпресс как изменить размер медиафайлов

Размеры изображений

В этом уроке подробно расскажу, что вообще подразумевается под размерами изображений в WordPress и как их можно использовать на своём сайте.

Как работать с размерами изображений при создании новой темы WordPress я подробно рассказываю в моём видеоуроке.

Что такое размеры изображений и для чего они нужны?

Допустим, вы загрузили изображение на свой сайт. Где и как оно может использоваться? Некоторые из вариантов:

• Непосредственно в контенте ваших постов,
• А что, если вы используете какую-нибудь галерею-лайтбокс, когда у вас открывается полная версия изображения во всплывающем окне при клике на него?
• В качестве миниатюр на страницах архивов, например в рубрках, тегах, блоге.
• В виджетах, например «Популярные записи», «Распродажа» (если у вас интернет-магазин например) и т.д.,
• Да даже в админке можно сделать, чтобы посты или рубрики отображались с превьюшками!

В общем существует множество различных вариантов использования одного и того же изображения на сайте. Согласитесь, если во всех этих местах картинка будет одного и того же размера, да ещё и под несколько мегабайт, то это будет очень странно и тупо. Именно поэтому при загрузке изображения на сайт WordPress автоматически создаёт разные его копии (заранее зарегистрированные или указанные в настройках) и вы можете использовать эти копии там, где уместно. Например для админки это может быть копия изображения размером 100х100 пикселей.

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

• тем больше файлов будет в составе вашего сайта (70 тысяч изображений, из которых оригиналов только 2 тысячи — это не круто),
• тем больше времени потребуется на загрузку каждого файла (ведь движку нужно сгенерировать все эти размеры).

Возможно вас может забеспокоить тот факт – ну как же так, WordPress генерирует столько копий, зачееем. Но а какие ещё есть варианты? До того, как появился этот функционал, помню мы использовали PHP-скрипт, в который передавался URL изображения и размеры, которые нужно создать – явно так себе вариантик.

Стандартные размеры изображений WordPress

По умолчанию WordPress уже поддерживает несколько размеров изображений. Некоторые из них вы можете найти и отредактировать в админке на странице Настройки > Медиафайлы.

Вы должны кое-что знать про эти три размера: все загруженные вами изображения будут вписаны в те параметры высоты и ширины, которые указаны в админке (скриншот выше), исключение — миниатюры — если в настройках стоит галочка (снова смотрим скриншот), то миниатюры будут строго указанного размера.

Например, вы загрузили на сайт фотографию 1024х765, у вас в итоге получатся следующие копии: крупный — 1024х765, средний — 300х224, миниатюра — 150х150. Ну в общем думаю механизм понятен.

Полный список стандартных размеров изображений в WordPress:

Как отключить и удалить стандартные размеры изображений?

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

Отключение в админке

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

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

Отключение в коде

В этом случае всё свободится к использованию фильтра intermediate_image_sizes_advanced:

add_filter( 'intermediate_image_sizes_advanced', 'true_remove_default_sizes' );
 
function true_remove_default_sizes( $sizes ) {
	unset( $sizes[ 'НАЗВАНИЕ РАЗМЕРА' ] );
	return $sizes;
}

Если вы не знаете, куда вставлять код, читайте этот урок.

Давайте теперь попробуем отключить все стандартные размеры изображений:

add_filter( 'intermediate_image_sizes_advanced', 'true_remove_default_sizes' );
 
function true_remove_default_sizes( $sizes ) {
	unset( $sizes[ 'thumbnail' ] ); // миниатюра
	unset( $sizes[ 'medium' ] ); // средний
	unset( $sizes[ 'large' ] ); // крупный
	unset( $sizes[ 'medium_large' ] ); // с шириной 768
	unset( $sizes[ '1536x1536' ] );
	unset( $sizes[ '2048x2048' ] );
	return $sizes;
}

Удаление ненужных копий из папки uploads

После вставки этого кода или обновления настроек копии новых изображений с этими размерами не будут создаваться при загрузке. Однако нам как-то нужно избавиться и от старых изображений, которые уже лежат в нашей папке uploads. Для того рекомендую поставить какой-нибудь плагин, который позволит пересоздать все уже существующие копии изображений на сайте и удалить те, которые мы отключили. Мне например для этой цели нравится плагин «Force Regenerate Thumbnails».

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

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

Тем не менее коротко об этом расскажу ниже.

В админке

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

Если же мы говорим про классический редактор WordPress и про модальное окно загрузчика изображений, то там эта опции также находится справа снизу:

В коде

В WordPress есть различные функции для работы с изображениями в коде. Для вывода изображений я например чаще всего пользуюсь функциями get_the_post_thumbnail(), the_post_thumbnail(), wp_get_attachment_image_src().

Большинство из них имеет параметр $size, в котором вы можете задать название размера. Чуть выше я уже перечислял названия стандартных размеров.

Вот пример вывода миниатюры (большого размера) текущего поста в цикле

the_post_thumbnail( 'large' );

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

Теперь попробуем добавить свой собствевенный произвольный размер изображения. Я постараюсь рассмотреть все моменты, с которыми вам возможно придётся столкнуться. И разделю эту главу на несколько шагов. Но обязателен только первый шаг.

1. Регистрация размера функцией add_image_size()

Прежде всего нам нужно зарегистрировать размер изображения – именно после этого шага WordPress начнёт распознавать его и генерировать копию при каждой загрузке новой картинки на сайт.

Это можно сделать при помощи функции add_image_size() и вот такого например кода:

add_action( 'after_setup_theme', 'true_add_image_size' );
 
function true_add_image_size() {
	add_image_size( 'nazvanie-moego_razmera', 244, 244, true );
}

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

Кстати, о том, куда вставлять код.

• Первый параметр функции – идентификатор размера.
• Второй – ширина в пикселях.
• Третий – высота в пикселях.
• Четвёртый параметр – как обрезать или не обрезать. Подробнее про этот параметр здесь.

2. Добавление размера в медиазагрузчик и в Gutenberg

Как я уже говорил выше, этот шаг необязательный. Но легко осуществимый – для этих целей нам всего лишь понадобится фильтр-хук image_size_names_choose.

add_filter( 'image_size_names_choose', 'true_new_image_sizes' );
 
function true_new_image_sizes( $sizes ) {
 
	$addsizes = array(
		'nazvanie_moego_razmera' => 'Мой размер изображения'
	);
	return array_merge( $sizes, $addsizes );
 
}

Готово:

Также благодаря хуку image_size_names_choose размер изображения появится и в Gutenberg:

Как обновить изображения при изменении их размеров или смене темы

Возможно вы сталкивались с такой ситуацией, что после изменения параметров функции add_image_size() или же и вовсе при смене темы, у вас на сайте по-прежнему отображались изображения со старыми размерами или же их оригиналы.

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

Что делать в этой ситуации? Если на вашем сайте 2-3 картинки, вы конечно можете их просто перезагрузить. А если 2-3 тысячи? Не перезагружать же все картинки по-новой?

Могу порекомендовать вам два классных плагина, которые использовал сам:

1. «Ajax Thumbnail Rebuild» – хорош тем, что позволяет выбрать только определённые размеры изображений, которые вы хотите пересоздать. Или же вообще только миниатюры записей. Внушительно сэкономит время обновления изображений, особенно если у вас там десятки тысяч копий.
2. «Force Regenerate Thumbnails» – подходит к процессу более глобально – полностью удаляет и пересоздаёт заново копии для всех зарегистрированных размеров изображений.

Оба плагина доступны к установке через админке WordPress «Плагины > Добавить новый».

Как избавиться от неиспользуемых размеров изображений для определённого типа записи WordPress

Давайте сначала я опишу задачу, с которой мне пришлось столкнуться.

Итак, на сайте имеется 10 зарегистрированных типов постов, при этом для каждого из них в шаблоне задействовано по 2-3 размера. Нетрудно перемножить эти числа, чтобы понять, что при загрузке любой фотки на сайт у нас создается по 20-30 копий!

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

/*
 * этот фильтр будет запущен в процессе загрузки изображений на сайт
 */
add_filter( 'intermediate_image_sizes', 'true_reduce_image_sizes' );
 
function true_reduce_image_sizes( $sizes ){
	/*
	 * $sizes - массив с размерами, например Array ( [0] => thumbnail [1] => medium [2] => large [3] => post-thumbnail )
	 * получаем тип поста при помощи get_post_type()
	 */
	$type = get_post_type( $_REQUEST[ 'post_id' ] );
 
	/*
	 * прокручиваем массив с размерами через цикл, $key - индекс массива, $value - название размера
	 */
	foreach( $sizes as $key => $value ){
 
		/*
		 * задаем условия для каждого из типов, если их (типов записей) слишком много, используйте switch
		 */
		if( 'page' == $type ) {
			if( 'regionfeatured' == $value ){ // отключаем regionfeatured для страниц
    				unset( $sizes[ $key ] );
    			}
		} else if ( 'region' == $type ) {
			if( ! in_array( $value, array( 'regionfeatured', 'misha335' ) ) ){ // для регионов отключаем всё, кроме regionfeatured и misha335
    				unset( $sizes[ $key ] );
    			}
		} else {
			if( 'thumbnail' != $value ){ // отключаем всё, кроме thumbnail
    				unset( $sizes[ $key ] );
    			}
		}
	}
	return $sizes;
}

Также рекомендую свой видеокурс по созданию темы WordPress на основе готовой вёрстки.

Заходя в раздел настроек админки «Медиафайлы» многие новички, наверное, с недоумением смотрели на представленные там размеры изображений и не совсем понимали, что именно все это значит. Сегодня постараюсь прояснить некоторые аспекты, связанные с этими параметрами: расскажу зачем они нужны, как убрать лишние и добавить свои значения. Данная информация пригодится не только для общего развития, но и позволит немного оптимизировать/ускорить ваш веб-проект.

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

Логика работы системы WordPress с размерами изображений

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

• Миниатюры (Thumbnail) — квадрат 150x150px;
• Средний (Medium) – с максимальным значением ширины/высоты 300px;
• Большой размер (Large) — 1024px максимум по высоте/ширине;
• Полный оригинальный размер загруженного вами файла.

Сразу после загрузки файла через админку в Медиабиблиотеку, система создаст несколько его копий на хостинге в соответствующих размерах. Если зайдете в папку /wp-content/uploads то сможете их увидеть:

Здесь для оригинального файла menu-account2.jpg созданы еще 3 новых JPG. Причем, если посмотреть на первый скриншот, то увидите, что для превью у меня включен параметр “обрезать миниатюру”, поэтому итоговая картинка получится квадратной. В то же время для средних/больших пропорции сохраняются, а один из размеров (ширина/высота) будет фиксированный, а второй нет.

В другом своем сайте с более новой версией WordPress, я обнаружил, что файлов создается еще больше:

Дело в том, что в WordPress 4.4 к базовым параметрам добавили значение “medium_large” для лучшей адаптивности и совместимости с другими устройствами. Плюс в коде media.php из папки wp-includes можно найти еще 2 значения (на скриншоте видим только 2xmedium_large, т.к. загружаемый файл был меньше 2000px):

function _wp_add_additional_image_sizes() {
    // 2x medium_large size.
    add_image_size( '1536x1536', 1536, 1536 );
    // 2x large size.
    add_image_size( '2048x2048', 2048, 2048 );
}

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

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

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

Если по каким-то причинам вас не устраивают стандартные параметры или вы, например, поменяли тему на другую, то внести правки достаточно легко. Переходите в админке сайта в раздел “Настройки” – “Медиафайлы” и указываете там свои значения.

В конце не забудьте сохранить изменения.

Регистрируем новый параметр

А что делать, когда вы хотите добавить в шаблон какую-то новую уникальную величину фоток, например, для галереи, виджетов, баннеров и т.п.?

Для этого используем функцию add_image_size, которая добавляется в файл functions.php. Ее синтаксис следующий:

add_image_size( name, width, height, crop );

Здесь есть:

• имя нового параметра размера картинки;
• ширина;
• высота;
• опция обрезать изображение или нет (по умолчанию false).

Например пишете что-то в стиле:

add_image_size( 'our-new-size', 400, 200 );

Если нужно четкое соответствие размеру, то указываем “true” для последнего параметра:

add_image_size( 'our-new-size', 400, 200, true );

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

add_image_size( 'our-new-size', 400, 200, array( 'right', 'top' ) );

Доступные значения для массива crop: center, top bottom, left, right.

Дополнительные нюансы

1. В названиях нельзя использовать стандартные имена: large, medium, thumbnail, thumb и post-thumbnail.

2. Если будете создавать свой шаблон для WP каталога тем, то в параметре используется имя темы + название, что-то вроде: newtheme-smallimg.

3. Теоретически пример выше можно записать и с проверкой для лучше совметимости:

if ( function_exists( 'add_image_size' ) ) {
add_image_size( 'our-new-size', 400, 200 );  
}

4. Чтобы использовать какой-то размер для миниатюры необходимо его добавить с помощью функции:

if ( function_exists( 'add_theme_support' ) ) {
	add_theme_support( 'post-thumbnails', array( 'post', 'event', 'page' ) );
		set_post_thumbnail_size( 250, 250 ); // размер миниатюры поста по умолчанию
}

Для вывода нового типа картинок в качестве миниатюр пишете:

if ( has_post_thumbnail() ) {
	the_post_thumbnail( ' our-new-size ' ); 
}

Как удалить лишние размеры

Как вы уже поняли из скриншотов, в системе генерируется от 4 и более файлов на хостинге только дня одной(!) картинки. Думаю, в среднем их число может быть около 5-6 файлов (даже на стандартных шаблонах). Все это занимает лишнее место на диске. Если у вас сайт богат на разную графику + тариф хостинга имеет определенные ограничения, то лучше ненужные объекты удалять.

Вот как можно избавиться от стандартных размеров – пишете в functions.php код:

add_filter( 'intermediate_image_sizes_advanced', 'prefix_remove_default_images' );
function prefix_remove_default_images( $sizes ) {
    unset( $sizes['thumbnail']); // 150x150
    unset( $sizes['medium']); // 300x300
    unset( $sizes['large']); // 1024x1024
    unset( $sizes['medium_large']); // 768px width
    return $sizes;
}

В сети находиле еще такой код, но, думаю, первый более логичный:

update_option( 'thumbnail_size_h', 0 );
update_option( 'thumbnail_size_w', 0 );
update_option( 'medium_size_h', 0 );
update_option( 'medium_size_w', 0 );
update_option( 'large_size_h', 0 );
update_option( 'large_size_w', 0 );

Внимание! Если верхние 2 варианта не помогают (у меня для дочерней темы не получилось), то попробуйте этот альтернативный подход. Он позволяет удалить размеры, добавленные в установленном шаблоне, но и с дефолтными тоже хорошо справляется:

function remove_extra_image_sizes() {
    foreach ( get_intermediate_image_sizes() as $size ) {
        if ( in_array( $size, array( 'our-new-size', 'post-thumbnail' ) ) ) {
            remove_image_size( $size );
        }
    }
}
add_action('init', 'remove_extra_image_sizes');

Здесь “post-thumbnail” и “our-new-size” – это имена новых параметров размеров, которые хотите убрать.

Плагин Regenerate Thumbnails

Чтобы выполнить “полную очистку” хостинга от лишних фалов вам пригодится специальный плагин — Regenerate Thumbnails. С помощью хаков, указанных выше, мы выключили механизм создания новых копий, но для всех старых (уже обработанных картинок) они остались.

Скачиваете/устанавливаете плагин Regenerate Thumbnails. После этого найдете одноименный пункт меню в разделе админки “Инструменты”

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

На выбор у вас будет несколько опций, с помощью которых можно:

• пропустить миниатюры, что уже существуют и соответствуют вашим новым правилам размеров (нет смысла создавать их повторно);
• удалить не используемые файлы – в этом случае следует действовать очень аккуратно, т.к. если в проекте или шаблоне должны выводиться изображения, которые собираетесь удалить, то это приведет к ошибкам;
• пересоздать миниатюры для всех объектов или только тех, что добавлены в записи/посты.

Лично я перед запуском модуля рекомендовал бы делать бекап, то есть скопировать все прошлые файлы на локальный компьютер. Если очистка FTP пройдет успешно и на веб-сайте не вылезет никаких ошибок, то этот бекап можно будет удалить.

Все дополнения/уточнения по теме размеров картинок в WordPress пишите нише.

Настройки медиа содержат дополнительные параметры отображения медиа. Эти настройки можно найти, перейдя в Настройки → Медиафайлы.

Содержание

Размеры изображений

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

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

Галерея изображений в виде карусели

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

Опция Цвет фона позволяет переключить галереи вашего сайта в режим белого или чёрного фона для отображения «Карусели» (по умолчанию используется чёрный).

Используйте параметр Комментарии для включения или отключения поля комментария под изображениями в галерее. Можно установить или снять соответствующий флажок рядом с параметром «Показывать область комментариев в карусели».

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

Метаданные фотографии (Exif)

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

На сайтах с установленными плагинами также можно найти эту опцию в разделе Настройки > Написание.

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

Видеоплеер

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

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

Изначально размер загружаемых файлов ограничен размеров в 2 мегабайта, однако, иногда нужно либо увеличить, либо уменьшить данный параметр.

Для этого достаточно вставить в файл functions.php (панель управления – в левом меню выбираем пункт “Внешний вид” и его подпункт “Редактор” – справа в списке шаблонов выбираем файл functions.php) следующий код:

add_filter( 'upload_size_limit', 'PBP_increase_upload' );

function PBP_increase_upload( $bytes )
{
 return 1048576; // 1 megabyte
}

, где 1048579 – это 1 мегабайт – если нужно увеличить или изменить размер загружаемых медиафайлов – измените данный параметр, например – 104857900 – это уже будет 100 мегабайт.

Также можно ограничить размер загружаемых файлов с помощью файла .htaccess – который находится в корневой папке вашего сайта, например на бесплатном хостинге от “hostinger.ru” данный файл выглядит следующим образом:

# Do not remove this line or mod_rewrite rules and search engine friendly URLs will stop working

RewriteBase /

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

</IfModule>
# END WordPress

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

php_value upload_max_filesize 20M
php_value post_max_size 20M
php_value memory_limit 20M
php_value max_execution_time 200
php_value max_input_time 200

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

# Do not remove this line or mod_rewrite rules and search engine friendly URLs will stop working

RewriteBase /

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

</IfModule>

php_value post_max_size 1M
# END WordPress

Как видите мы добавили всего одну строчку – php_value post_max_size 1M – она и ограничивает загрузку картинок, которые теперь должны быть не более 1МБ.

Часто при работе с WordPress-сайтом пользователи видят ошибку “Превышен максимальный размер загружаемых файлов для этого сайта”. Эта проблема является довольно распространенной и означает, что размер выбранного для загрузки на сайт файла превышает установленный системой лимит. В этой ситуации можно поступить двумя способами: загружать меньший по размеру файл или увеличить лимит. Первый способ не всегда эффективен, так как иногда просто не получается сократить размер файла. Поэтому рассмотрим второй.

Как увеличить максимальный размер загружаемых файлов?

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

Для решения этой задачи существует несколько методов. Рассмотрим каждый из них более детально.

Способ 1. Обращение в поддержку хостинга

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

Способ 2. Использование файла .htaccess

.htaccess – это специальный файл настроек, хранящий в себе разные параметры для изменения поведения сервера. Этот файл может присутствовать в нескольких папках Вашего сайта. Нас интересует .htaccess именно в корневом каталоге сайта. Если Вы знаете, как посмотреть .htaccess на своем хостинге, советуем ознакомится со статьей: Как подключиться к ftp своего сайта.

Для увеличения лимита максимального размера в конце файла необходимо добавить следующие строки, где вместо числа 20 выставить необходимый размер (в мегабайтах):

php_value upload_max_filesize 20M
php_value post_max_size 20M

Способ 3. Использование файла wp-config.php

Еще один способ изменить лимит на размер загружаемого файла – это правка основного конфигурационного файла WordPress wp-config.php, размещаемого в корневом каталоге.

В его конце достаточно будет добавить такие директивы:

ini_set( 'upload_max_size' , '20M' );
ini_set( 'post_max_size', '20M');

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

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

Регистрирует новый размер картинки (миниатюры).

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

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

• Из плагина, это лучше делать на хуке plugin_loaded с приоритетом 0.
• Из темы, вызывать прям в теле файла functions.php.

update_option( 'thumbnail_size_w', 160 );
update_option( 'thumbnail_size_h', 160 );
update_option( 'thumbnail_crop', 1 );

add_image_size( 'mytheme-mini', 200, 200, true );

Хуков нет.

Возвращает

null. Ничего не возвращает.

Использование

add_image_size( $name, $width, $height, $crop );

$name(строка) (обязательный)

Название нового размера картинок.

$width(число) (обязательный)

Ширина миниатюры (в пикселях).

$height(число) (обязательный)

Высота миниатюры (в пикселях).

$crop(логический)

Как создавать миниатюру?

• false — масштабирование: картинка будет изменена в размере по подходящей стороне. Миниатюра создается по одной из подходящих сторон: указанной ширине или высоте. Итоговая картинка не будет точно совпадать указанными размерами.

• true — кадрирование: миниатюра создается точно по указанным размерам. Подбирается наиболее подходящая сторона, картинка уменьшается по ней, а у противоположной стороны лишняя часть, не подходящая по пропорциям обрезается.

• array( координата_X, координата_Y ) — указание позиции кадрирования, т.е. если указать массив [ 'right', 'top' ], то изображение будет кадрированно с правого-верхнего угла.

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

По умолчанию: false

Примеры

add_image_size( 'homepage-thumb', 500, 9999 );

if ( function_exists( 'add_theme_support' ) ) {

	// размер миниатюры поста по умолчанию
	add_theme_support( 'post-thumbnails' );
	set_post_thumbnail_size( 150, 150 );

}

if ( function_exists( 'add_image_size' ) ) {

	// 300 в ширину и без ограничения в высоту
	add_image_size( 'category-thumb', 300, 9999 );

	// Кадрирование изображения
	add_image_size( 'homepage-thumb', 220, 180, true );
}

add_image_size( 'homepage-thumb', 220, 180, false );

add_image_size( 'homepage-thumb', 220, 180, true );

add_image_size( 'custom-size', 220, 220, [ 'left', 'top' ] );

if ( has_post_thumbnail() ) {
	the_post_thumbnail( 'category-thumb' ); // category-thumb - название размера
}

add_filter( 'image_size_names_choose', 'my_custom_sizes' );
function my_custom_sizes( $sizes ) {
	return array_merge( $sizes, array(
		'category-thumb' => 'Мой размерчик',
	) );
}

// Подразумевается, что у вас в библиотеке есть картинка с ID 42...
echo wp_get_attachment_image( 42, 'category-thumb' );

Плагины

1. Regenerate Thumbnails — этот плагин позволяет создать новые размеры для каждого загруженного изображения. Полезен когда вы изменили или добавили новые размеры миниатюр (через Настройки > Медиафайлы) во время когда в библиотеке уже есть загруженные изображения. Или когда вы изменили размеры «Избранного изображения» поста.

2. Force Regenerate Thumbnails — удаляет ранее созданные размеры и создает новые, на основе текущих установок.

3. AJAX thumbnail rebuild — позволяет пересоздать миниатюры. Полезен, если вы использовали функцию add_image_size() когда у вас уже есть загруженные изображения. (Это медленный плагин, но при этом в нем не бывает ошибок с недостатком выделенной памяти).

4. Simple Image Sizes — позволяет создавать новые размеры миниатюр прямо из панели «Медиафайлы». Он также умеет пересоздавать миниатюры. Он добавляет новые размеры в выбор для постов, так вы можете вставлять новые размеры в посты. Вы можете выбирать какие из размеров вы бы хотели пересоздать и для каких типов постов это нужно сделать.

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

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

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

1. Перейдите в панель управления WordPress.
2. Откройте вкладку «Настройки»> «Медиа».
3. Найдите раздел Размеры изображений> Размер эскиза.
4. Измените ширину и высоту ваших миниатюр по умолчанию в пикселях.

Это почти все. Однако давайте подробнее рассмотрим раздел «Размеры изображений»> «Миниатюры»:

Размеры миниатюр по умолчанию позволяют получить пропорциональное квадратное изображение. При разрешении 150 × 150 пикселей вот на что вы должны смотреть:

В этом изображении используется так называемая «жесткая обрезка», поскольку мы включили для параметра «Обрезать миниатюру» — точные размеры. Это означает, что WordPress примет установленный размер эскиза, «заполнит» область изображением и оставит остальную часть изображения отключенной. С другой стороны, «мягкая обрезка» — это изменение размера, при котором изображения сжимаются, сохраняя при этом их пропорции.

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

Вместо того, чтобы повторно загружать эти изображения, вы можете просто изменить их размер. Лучший инструмент для этой работы — плагин AJAX Thumbnail Rebuild.

Этот плагин берет все существующие эскизы и изменяет их размер, один за другим. Он также работает с другими размерами изображений, которые использует WordPress, такими как Medium, Large и т. д. Это означает, что вы можете использовать его, даже если вы измените любой из этих параметров по умолчанию (я покажу вам, как это сделать позже).

Для начала установите и активируйте плагин. Как только вы это сделаете, перейдите на вкладку «Настройки»> «Восстановить эскизы» и выберите изображения, размер которых нужно изменить, а затем нажмите кнопку «Восстановить все эскизы»:

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

Почему необходимо изменить размер миниатюр WordPress

Размер миниатюр WordPress по умолчанию 150 × 150 пикселей может хорошо работать для некоторых пользователей, но ни одно разрешение изображения не подходит для всех типов дизайна.

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

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

Как добавить пользовательские размеры изображений в WordPress?

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

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

Чтобы добавить новые размеры изображений по умолчанию в WordPress, вам необходимо отредактировать файл functions.php вашей темы. Это означает, что вам нужно подключиться к своему сайту с помощью клиента протокола передачи файлов (FTP), такого как FileZilla, а затем перейти в корневую папку вашего сайта.

Оказавшись там, откройте каталог wp-content/themes и найдите папку с именем вашей темы.

В этой папке вы должны найти файл functions.php. Как только вы это сделаете, щелкните его правой кнопкой мыши и выберите опцию View/Edit. Это откроет файл с помощью локального текстового редактора, чтобы вы могли внести в него изменения:

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

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

Давайте подробнее рассмотрим зарегистрированный нами новую функцию:

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

Если вы хотите добавить определенную высоту, ваша строка будет выглядеть так:

Не стесняйтесь добавлять любые нестандартные размеры, которые хотите, используя новую строку для каждого. Затем сохраните изменения в файле functions.php, и новые параметры должны появиться в вашем редакторе WordPress.

Вывод

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

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

У вас есть вопросы о размерах изображений WordPress? Давайте обсудим о них в разделе комментариев ниже!