Хотите ли вы добавить иконки социальных сетей в меню WordPress?
Хотя WordPress не поставляется с разделом профилей социальных сетей, вы можете легко использовать навигационные меню WordPress для добавления и отображения иконок социальных сетей в любой области WordPress с поддержкой виджетов.
В этой статье мы покажем вам, как добавить иконки социальных сетей в меню WordPress.
Почему вы должны добавить иконки социальных сетей в меню?
Самое большое преимущество добавления иконок социальных сетей с помощью меню WordPress заключается в том, что у вас есть возможность изменить порядок их появления с помощью простого интерфейса перетаскивания.
Хотя вы можете использовать сторонние плагины для отображения иконок социальных сетей в боковой панели, большинство из этих решений не такие гибкие.
Помимо простого интерфейса перетаскивания, когда вы добавляете иконки социальных сетей в меню WordPress, вы можете отображать их в любой области сайта, готовой для виджетов, включая боковую панель, область нижнего колонтитула, под постами и т.д.
Итак, давайте рассмотрим, как легко добавить иконки социальных сетей в меню WordPress.
Если вы предпочитаете письменные инструкции, продолжайте читать.
Добавление иконок социальных сетей в меню WordPress
Первое, что вам нужно сделать, это установить и активировать плагин Menu Image. Для более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.
После активации, вам необходимо посетить страницу Изображение меню страница из области администрирования WordPress.
После этого вы можете настроить размеры изображений, которые будут отображаться в вашем меню. Вы можете оставить размеры по умолчанию или изменить их в соответствии с вашими потребностями. Не забудьте нажать кнопку «Сохранить изменения».
Как только это будет сделано, вам нужно будет перейти по адресу Внешний вид » Меню из области администратора WordPress.
Затем нажмите на опцию «создать новое меню».
Далее, вы можете дать имя своему меню и нажать кнопку ‘Создать меню’.
После того как меню будет создано, нажмите на пункт меню «Пользовательские ссылки» слева. Затем введите URL вашей страницы социальной сети, добавьте текст ссылки и нажмите кнопку «Добавить в меню».
Когда это будет сделано, нажмите кнопку «Сохранить меню».
Теперь, если вы наведете курсор на только что созданное меню, вы увидите опцию «Изображение меню». Просто нажмите на опцию Изображение меню.
После этого появится всплывающее окно со всеми настройками для значка социальной сети. Вы можете выбрать, использовать ли изображение или иконку для вашего канала социальной сети.
Если вы выбрали опцию Image, то вы можете загрузить изображение платформы социальной сети, нажав на опцию ‘Set image’. Аналогичным образом вы можете загрузить изображение, которое будет появляться при наведении, и задать размер изображения.
С другой стороны, вы можете выбрать опцию Иконка и выбрать значок социальной сети из предложенного списка.
Далее вам нужно выбрать позицию для отображения названия каждого социального канала с вашей иконкой.
Если вы хотите отобразить только значок социальной сети без надписи, то вам нужно выбрать опцию «Скрыть» в настройке «Положение заголовка».
Как только вы закончите, нажмите кнопку «Сохранить». Просто повторите те же действия, чтобы добавить столько социальных иконок, сколько вам нужно.
Теперь вы можете зайти на свой сайт и увидеть иконки социальных сетей в меню WordPress.
Вы также можете добавить меню социальных иконок в боковую панель WordPress.
Просто перейдите по ссылке Внешний вид » Виджеты страница и перетащите виджет ‘Navigation Menu’ в область виджетов боковой панели.
В выпадающем меню Select Menu выберите социальное меню, которое вы создали выше, и нажмите на кнопку «Сохранить».
Примечание: Приведенное выше изображение показано только для примера. Чтобы виджет выглядел именно так, вам нужно будет добавить пользовательский CSS.
Вот и все. Мы надеемся, что эта статья помогла вам узнать, как добавить иконки социальных сетей в меню WordPress. Вы также можете ознакомиться с нашим руководством по стилизации навигационных меню WordPress.
Источник: www.wpbeginner.com