Вы здесь:   Главная » Вебмастеру    »    Добавление своего размера для картинок на WordPress

Добавление своего размера для картинок на WordPress

В процессе создания блога на WordPress могут потребоваться дополнительные опции не доступные в CMS по умолчанию. И тут на помощь к нам приходят различные функции на «PHP», которые помогают реализовать нетривиальное решение в дизайне или в элементах навигации по сайту. Вот, например, в несколько несложных действий можно добавить собственный размер для загружаемых картинок…

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

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

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

Как мы уже знаем, движок WordPress по умолчанию создаёт 3 стандартных копии картинок разного размера: миниатюра, средний, крупный (thumbnail, medium, large — соответственно). Их мы можем вставить в тело новой записи, предварительно выбрав интересующий размер. Но если у вас Интернет-магазин или блог требуют необычного оформления, то хорошо бы добавить свой размер в один ряд с прочими.

Нижеприведённый код скопируйте и вставьте в файл «functions.php» вашей активной темы оформления. Лучше выбрать место ближе к концу массива, перед закрывающимся тегом «?>».

if ( function_exists( 'add_image_size' ) ) {
    add_image_size( 'wp_image_400', 400, 400, false );
}
add_filter( 'image_size_names_choose', 'new_custom_sizes' );
function new_custom_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'wp_image_400' => 'картинка 400x400'
    ) );
}

Примечание!   Настоятельно рекомендуем сделать резервную копию файлов сайта по средствам FTP-доступа. Такая предусмотрительность поможет оперативно реанимировать WordPress при некорректной отработке кода. В этом случае, будет достаточно скачать на свой компьютер файл «functions.php» из каталога «wp-content -> themes -> название вашей темы».

Немного о параметрах функции

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

add_image_size( 'wp_image_400', 400, 400, false );<

Слева направо. указано имя для нового размера — «wp_image_400»; соотношение сторон в пикселях — «400, 400»; пропорции сторон — «false» (или «true» если не требуется обрезка).
Ниже строчка отвечает за наименование нового размера в интерфейсе редактора, чтобы ваш размер отобразился среди списка: миниатюра, средний и т.п.

'wp_image_400' => 'картинка 400x400'

Также можете изменить на собственное название для узнаваемости, например, указав только соотношение сторон в точках — «400×400».

P.S.

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

Расскажи друзьям:

Оставить комментарий

Авторизоваться через: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: