Как добавить изображение в меню навигации с помощью плагина WordPress

Примечание: Этот текст может содержать некоторые партнерские ссылки, а это значит, что я зарабатываю небольшую комиссию без каких-либо дополнительных затрат с вашей стороны, если вы воспользуетесь этими ссылками. Спасибо за понимание и поддержку.

Статью о создании уникального меню на сайте WordPress я писал много месяцев назад. Если интересно — почитайте.

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

Первое, что нужно сделать, это загрузить бесплатный плагин WordPress — Menu Image.

После активации плагина перейдите в раздел Внешний вид -> Меню.

menu-image-wordpress-plugin

Вы видите, что у вас появились новые функции, связанные с добавлением файла изображения. Обратите внимание на выпадающий список — Размер. Там вы найдете все варианты изображений, которые поддерживает ваша активная тема, но вам нужно использовать такой размер, который «встанет» в вашем меню по высоте. Оптимальный размер картинки изображения — не более 36х36px. В качестве картинки лучше всего использовать значки — иконки.

При добавлении изображения его лучше заранее подготовить под нужный вам размер, или надеяться на плагин, который автоматически создает три размера: 24х24, 36х36 и 48х48.

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

Вы также можете в любой момент скрыть изображения из заголовка, выбрав чек-бокс с значением «нет».

Возможен вариант, когда вас не устраивает один из трех предлагаемых плагином Menu-Image на выбор размеров.

Тогда мой совет вам — допишите в файл functions.php небольшой код с указанием на свой размер:

add_filter( 'menu_image_default_sizes', function($sizes){

// remove the default 36x36 size
unset($sizes['menu-36x36']);

// add a new size
$sizes['menu-50x50'] = array(50,50);

// return $sizes (required)
return $sizes;

});

где ’50’ — вами выбранный размер изображения для вашего меню.

Плагин написан авторами с поддержкой русской и украинской локализации: ru_RU, ua_UA

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

Добавить комментарий

Ваш email нигде не будет показан. Обязательные поля помечены *