Как добавить значки социальных сетей в меню WordPress?

Хотите добавить значки социальных сетей в меню WordPress? Стандартными средствами это не получится сделать. Но задача легко решается. Рассмотрим быстрый и простой способ.

Зачем добавлять иконки социальных сетей в меню?

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

Хотя вы можете использовать сторонние плагины для отображения значков социальных сетей на боковой панели (например, Simple Social Icons), большинство из этих решений не такие гибкие.

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

Как добавить значки социальных сетей в меню WordPress?

Первое, что вам нужно сделать, это установить и активировать плагин меню Menu Image.

После активации необходимо в админ-панели перейти в раздел зайти на страницу меню Внешний вид -> Меню и создать новое меню, нажав на ссылку создать новое меню.

Админ-раздел Меню

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

Создание меню

Для одного пункта меню возможно загрузить 2 картинки: картинка меню (опция Картинка меню) и картинка при наведении (Картинка при наведении).

Создание меню

После этого вы можете выбрать размер социального значка (опция Размер). Существует несколько вариантов размера изображения. Убедитесь, что вы выбрали одинаковый размер для всех значков социального меню, чтобы оно не нарушало общую область меню.

Создание меню

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

Создание меню

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

Главная страница сайта

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

Админ-раздел Виджеты

В выпадающем меню виджета выберите социальное меню, которое вы создали выше и нажмите на кнопку Сохранить.

Главная страница сайта

Читайте также

Max Mega Menu – многофункциональный плагин меню WordPress
Обычно разработчики тем не предусматривают каких-либо расширенных настроек для кастомизации внешнего вида меню на сайте. Например, эффекты при наведении и нажатии и т.п. Мощный бесплатный…

 

Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.

Если Вам понравилась статья — поделитесь с друзьями
Михаил Петров
Привет! Меня зовут Михаил Петров. Я копирайтер и занимаюсь этим с 2013 года. Скрупулезность и ответственность - моя фишка! Не могу делать как попало и добиваюсь, чтоб заказчик сказал минимум “неплохо”. За все время своей работы пришлось написать и отредактировать немало разной “текстовухи”, включая SEO-тексты, отзывы и прочую чушь. На сегодняшний день специализируюсь на написании информационных статей и руководств технического направления. Вижу смысл и светлое будущее в текстах для людей, а не для машин.
Обсуждение: 2
  1. Жанна

    Добрый день! Сделала все как написано в статье – сайт пропал вовсе, теперь чистая белая страница. Почему это произошло и как отменить последние действия? Спасибо

    1. Михаил Петров author

      Добрый день!

      Причин может быть много. Нужно смотреть в логи ошибок на сервере.

      С уважением Михаил

Задать вопрос