Как изменить размер эскиза в WordPress и зачем вам это нужно

Опубликовано: 2019-04-21

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

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

Подпишитесь на наш канал Youtube

Как изменить размер эскиза в WordPress

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

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

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

Раздел «Размеры изображения»> «Миниатюра».

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

Пример размера эскиза по умолчанию.

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

А пока выбирайте новый размер миниатюр по умолчанию. Затем не забудьте сохранить изменения в своих настройках.

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

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

Плагин AJAX Thumbnail Rebuild.

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

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

Настройки миниатюр WordPress.

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

Почему вам может потребоваться изменить размер миниатюр WordPress

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

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

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

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

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

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

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

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

Каталог wp-content / themes.

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

Файл functions.php.

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

// This enables the function that lets you set new image sizes
add_theme_support( 'post-thumbnails' );
// These are the new image sizes we cooked up
add_image_size( 'post-image', 660 );
// Now we register the size so it appears as an option within the editor
add_filter( 'image_size_names_choose', 'my_custom_image_sizes' );
function my_custom_image_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'post-image' => __( 'Post Images' ),
    ) );
}

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

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

add_image_size( 'post-image', 660 );

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

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

add_image_size( 'post-image', 660, 480 );

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

Заключение

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

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

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

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

Миниатюрное изображение статьи от ConceptVectorDesign / shutterstock.com