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

Метод 1: использование функции add_image_size()
Функция add_image_size() — это встроенная функция WordPress, которая позволяет вам определять собственные размеры изображений. Просто добавьте следующий код в файл function.php вашей темы:

function custom_image_sizes() {
    add_image_size( 'custom-size', 800, 600, true );
}
add_action( 'after_setup_theme', 'custom_image_sizes' );

В этом примере мы создали собственный размер изображения под названием «custom-size» с шириной 800 пикселей и высотой 600 пикселей, а последнему параметру присвоено значение «true», чтобы включить жесткую обрезку.

Метод 2: использование фильтра «image_size_names_choose».
WordPress предоставляет фильтр под названием «image_size_names_choose», который позволяет добавлять собственные размеры изображений в настройки мультимедиа. Добавив следующий код в файл Functions.php вашей темы, вы сможете выбрать собственные размеры изображений в загрузчике мультимедиа:

function custom_image_sizes_names( $sizes ) {
    return array_merge( $sizes, array(
        'custom-size' => __( 'Custom Size' ),
    ) );
}
add_filter( 'image_size_names_choose', 'custom_image_sizes_names' );

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

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

Пользовательские размеры изображений — ценный инструмент для оптимизации визуального оформления и производительности вашего веб-сайта WordPress. В этой статье мы рассмотрели три метода создания изображений нестандартного размера: использование функции add_image_size(), использование фильтра «image_size_names_choose» и использование плагинов. Каждый метод предлагает гибкость и возможности настройки в соответствии с вашими конкретными потребностями.

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

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