Когда вы настраиваете сайт WordPress, платформа предоставляет вам три размера изображения: эскиз, средний и большой (плюс исходное разрешение файла). Это дает вам солидное количество вариантов для работы. Однако, в частности, эскизы могут быть сложными в использовании, поскольку вам нужно убедиться, что они хорошо выглядят во всех темах и на всех устройствах.
К счастью, изменить размер изображения WordPress занимает всего пару минут. Вы также можете добавить новые размеры изображений по умолчанию, чтобы получить еще больше возможностей. В этой статье я научю вас делать и то, и другое, так что приступим к работе!
Как изменить размер изображения WordPress
Изменить размер миниатюр в WordPress очень просто. Вот шаги, которые вам нужно будет выполнить:
- Перейдите в панель управления WordPress.
- Откройте вкладку «Настройки»> «Медиа».
- Найдите раздел Размеры изображений> Размер эскиза.
- Измените ширину и высоту ваших миниатюр по умолчанию в пикселях.
Это почти все. Однако давайте подробнее рассмотрим раздел «Размеры изображений»> «Миниатюры»:
Размеры миниатюр по умолчанию позволяют получить пропорциональное квадратное изображение. При разрешении 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 вашей темы и не меняйте его существующее содержимое. Просто добавить внизу новый фрагмент кода:
1 2 3 4 5 6 7 8 9 10 11 12 | // Это действие включает функцию, которая позволяет вам устанавливать новые размеры изображений add_theme_support( 'post-thumbnails' ); // Новые размеры изображений, которые необходимо установить add_image_size( 'post-image', 660 ); // Регистрируем размер, чтобы он отображался как опция в редакторе 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, что вы хотите добавить в свою тему новые размеры изображений. Затем он создает новый параметр по умолчанию и регистрирует его, чтобы он отображался в редакторе при следующем его открытии.
Давайте подробнее рассмотрим зарегистрированный нами новую функцию:
1 | add_image_size( 'post-image', 660 ); |
Когда добавляются новые нестандартные размеры изображения, вы можете установить как ширину, так и высоту. В нашем примере мы просто устанавливаем ширину, которая всегда является первым значением. Это означает, что WordPress изменит размер изображений до желаемой ширины и пропорциональной высоты.
Если вы хотите добавить определенную высоту, ваша строка будет выглядеть так:
1 | add_image_size( 'post-image', 660, 480 ); |
Не стесняйтесь добавлять любые нестандартные размеры, которые хотите, используя новую строку для каждого. Затем сохраните изменения в файле functions.php, и новые параметры должны появиться в вашем редакторе WordPress.
Вывод
Одна из лучших сторон использования WordPress — это его настраиваемость. В платформе нет ни одного аспекта, большого или маленького, который нельзя было бы изменить. Это также относится к размеру миниатюр WordPress и различным другим параметрам изображений по умолчанию.
Если вы хотите изменить размер миниатюр WordPress по умолчанию, вы можете сделать это за четыре быстрых шага, описанные в начале статьи.
У вас есть вопросы о размерах изображений WordPress? Давайте обсудим о них в разделе комментариев ниже!
