Как добавить иконки социальных сетей в боковую панель WordPress

Вы хотите добавить иконки социальных сетей в боковую панель WordPress?? Отображение иконок социальных сетей на вашем сайте поможет вам увеличить...

Вы хотите добавить иконки социальных сетей в боковую панель WordPress??

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

В этой статье мы покажем вам, как добавить иконки социальных сетей в боковой панели WordPress.

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

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

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

Здесь вы можете увидеть иконки социальных сетей, отображаемые в боковой панели сайта WPBeginner.

Социальные иконки в боковой панели WPBeginner

Как добавить / создать фиксированную боковую панель с иконками социальных сетей на свой сайт

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

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

Как добавить иконки социальных сетей в боковую панель WordPress

Первое, что вам нужно сделать, это установить и активировать плагин Simple Social Icons. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.

Плагин Simple Social Icons разработан StudioPress, создателем фреймворка тем Genesis, и сейчас он является частью WP Engine, самой популярной управляемой хостинговой компании WordPress. Код этого плагина используется в некоторых самых продаваемых темах.

После активации плагина вам необходимо перейти на сайт Внешний вид » Виджеты. Далее нажмите синюю кнопку ‘+ Toggle block inserter’ и прокрутите вниз до виджета ‘Simple Social Icons’ и перетащите его на боковую панель.

Перетаскивание виджета Simple Social Icons Widget в сайдбар

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

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

Теперь вы можете ввести URL-адреса ваших профилей социальных сетей. Плагин поддерживает Facebook (признана экстремистской организацией на территории РФ), Twitter, YouTube, Linkedin, Pinterest, Instagram (признана экстремистской организацией на территории РФ) и некоторые другие популярные сайты социальных сетей. Вы также можете добавить значки для RSS-ленты и рассылки новостей по электронной почте.

Вам нужно добавить URL для каждого значка социальной сети, который вы хотите отобразить

Единственный недостаток этого плагина в том, что он не позволяет изменять порядок иконок.

Как только вы закончите, убедитесь, что нажали кнопку «Обновить» в верхней части страницы.

Теперь вы можете зайти на свой сайт, чтобы посмотреть свои социальные иконки.

Предварительный просмотр иконок социальных сетей в боковой панели

Надеемся, что это руководство помогло вам узнать, как добавить иконки социальных сетей в боковую панель WordPress. Вы также можете узнать, как создать контактную форму в WordPress, или ознакомиться с нашим списком лучших плагинов Facebook (признана экстремистской организацией на территории РФ) для развития вашего блога.

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий