Иконки соц сетей
Стрим лобби — новый виджет для показа вначале стринга
- Главная страница
- Анимированные оверлеи
- Social Media icons
Telegram fire icon
Social Media icons
Onlyfans fire icon
Social Media icons
Огонь Instagram
Social Media icons
Огонь Twitch
Social Media icons
Огонь VK
Social Media icons
Огонь Youtube
Social Media icons
Youtube Vk Insta
Social Media icons
Инста и Вконтакте
Social Media icons
1 линия Инстаграм
Social Media icons
3 строки слева поочередно
Social Media icons
3 строки
Social Media icons
Snapchat
Social Media icons
2 social icons animated Yt Twitch
Social Media icons
1 line Youtube
Social Media icons
1 строка VK
Social Media icons
1 line Vimeo
Social Media icons
1 строка Твитч
Social Media icons
1 line Twitter
Social Media icons
2 social icons animated
Social Media icons
3 social icons animated
Social Media icons
3 иконки
Social Media icons
1 Twitch sliding panel
Social Media icons
1 Youtube sliding panel
Social Media icons
1Twitter sliding panel
Social Media icons
1 Youtube fading line
Social Media icons
2 social icons animated
Social Media icons
2 social icons stream widget
Social Media icons
→ Left Letters animated (1)
↑ Bottom Letters animated (2)
↓ Top Letters animated (2)
✱ Simple letter animations (4)
Letters static (10)
1 line (5)
Как добавить значки социальных сетей на боковую панель WordPress
Если у вас есть присутствие в социальных сетях (а у кого нет в наши дни), вы хотите использовать это в полной мере. Какой бы сферой деятельности вы ни занимались, может быть контент, который просто более эффективен при публикации в социальных сетях, или контент, который вам не принадлежит и который не может быть размещен на вашем веб-сайте, но который вы найдете актуальным и интересным для ваших посетителей. Социальные сети могут привлечь больше посетителей на ваш сайт, и есть множество методов, которые вы можете использовать для продвижения своего сайта в социальных сетях. Но это улица с двусторонним движением: ваш веб-сайт может помочь в создании вашего социального сообщества. Размещение значков социальных сетей на боковой панели привлечет внимание посетителей к ним.
Оглавление
Почему мне нужны значки социальных сетей на боковой панели WordPress?
Как добавить значки социальных сетей на боковую панель с помощью темы WordPress Bridge
Как добавить значки социальных сетей на боковую панель WordPress с помощью плагина
В заключении
Но стоит ли вам это делать? Об этом и о том, как это сделать, мы поговорим в этой статье.
Почему мне нужны значки социальных сетей на боковой панели WordPress?
Боковая панель — это распространенный тип области, готовой к работе с виджетами WordPress. Он появляется, как следует из названия, сбоку страницы, отдельно от основной части страницы. Боковая панель обычно используется для размещения виджетов, содержащих информация, имеющая отношение к посетителям вашего сайта независимо от того, какой конкретный контент они просматривают в данный момент, например, контактную информацию, специальные предложения, панели поиска, основные моменты и т. д.
Добавление значков социальных сетей на боковую панель позволит держать их в поле зрения посетителей и всегда у них под рукой, стимулирование посещаемости ваших каналов в социальных сетях. Не хотите размещать большие видеофайлы в медиатеке вашего сайта? Направляйте посетителей на свой канал YouTube или Vimeo. Хотите предоставить своим посетителям тщательно отобранную ленту новостей отрасли? Разместите ссылку на свой канал Twitter на боковой панели. Хотите вовлечь своих пользователей в прямое обсуждение без необходимости входа в систему? Попробуйте показать им путь в свою группу Facebook прямо с боковой панели.
Не говоря уже о том, что Интернет-пользователи привыкли ожидать значков на боковых панелях. Они будут знать, где их найти, но вы не сделаете их слишком заметными. Кроме того, значки не будут визуально противоречить стилю вашего веб-сайта, как бы они ни выглядели, и не потеряются в основной части содержимого вашей страницы.
Для этой демонстрации мы будем использовать нашу тему Bridge. Хотя темы могут отличаться друг от друга, у большинства из них будет область виджетов боковой панели, и процедура добавления значков социальных сетей на боковую панель WordPress работает примерно так же: перетаскивая нужный виджет в область виджетов боковой панели, а затем настраивая его. на ваш вкус.
Как добавить значки социальных сетей на боковую панель с помощью темы WordPress Bridge
Если вы используете нашу гибкую тему Bridge, у вас не должно возникнуть проблем с добавлением значков социальных сетей на боковую панель. В Bridge даже есть специальный виджет для этого. Мы покажем, как это сделать, используя сообщение. Мы случайным образом сгенерировали некоторый контент, чтобы заполнить основную часть сообщения. Но сначала вам нужно включить боковую панель в своей теме. Для этого вам нужно редактировать сообщение или страницу в Гутенберге. Если вы используете Elementor, вам все равно нужно ненадолго переключиться на редактор Gutenberg или Classic, чтобы изменить макет страницы и включить боковую панель.
Прокрутите до конца и найдите Боковая панель Qode меню и выберите макет, отображающий боковую панель. В Дефолт макета нет, но вы можете выбрать ширину боковой панели по отношению к основному тексту и ориентации. Мы пошли с Боковая панель 1/4 справа, что означает, что боковая панель будет занимать четверть места с правой стороны, но вы можете выбрать левую боковую панель и ширину третьей страницы вместо четвертой.
Затем вы хотите убедиться, что значок социальной сети отображается на боковой панели. Чтобы настроить боковую панель, перейдите к Внешний вид / Виджеты используя левое меню на панели инструментов WordPress.
После этого вам нужно перетащить экземпляр Значок Qode в соцсетях виджет в Боковая панель и поместите его там, где хотите. Размещенные там виджеты будут отображаться в порядке сверху вниз. Мы хотим, чтобы наш виджет соцсетей был наверху, поэтому мы и перетащим его туда.
Теперь вам нужно настроить этот виджет. Для этой демонстрации мы выберем Круг тип значка, но вы можете выбрать другой, в зависимости от дизайна вашего веб-сайта, Шрифт Elegant пакет значков (вы также можете использовать Font Awesome, если хотите), и Твиттер значок из Шрифт Elegant Icon выпадающее меню. Вам нужно ввести Обычный размер и Размер нестандартной формы вам нравится (у нас 10 и 13 пикселей соответственно). Мы также введем гиперссылку нашей ленты Twitter в поле Ссылка на сайт поле и измените цель на Новое окно, который откроет ссылку в новом окне. Вы, конечно, можете выбрать любую социальную сеть и значок, который вам нравится. В Значок Qode в соцсетях Виджет также содержит множество вариантов дизайна, которые выходят за рамки данной демонстрации, но множество настроек размера, цвета и границ делают виджет очень универсальным и адаптируемым к любому стилю. Затем вам нужно Сохранять ваш Значок Qode в соцсетях настройки и поэтому обновите Боковая панель.
И наш значок ленты Twitter находится прямо там, в верхней части боковой панели!
Но что, если вы хотите добавить значки социальных сетей с сопроводительным текстом в качестве элементов на боковой панели? Для этого вы можете использовать Значок Qode с текстом виджет. Опять же, чтобы в теме отображалась боковая панель, вам необходимо включить ее. Откройте пост или страницу в Гутенберге, прокрутите вниз до конца. Найди Боковая панель Qode меню и выберите макет, например Боковая панель 1/4 справа, например, который показывает боковую панель.
Перейдите к Внешний вид / Виджеты используя правое меню панели инструментов WordPress. Затем найдите Значок Qode с текстом виджет и перетащите его в верхнюю часть Боковая панель виджет.
Теперь этот виджет нужно настроить. Мы будем использовать этот виджет для ссылки на наш профиль в Instagram, но его можно использовать практически для любой социальной сети. За Тип коробки, мы выберем Нормальный, за Пакет значков мы выберем Шрифт Elegant, а для Шрифт Elegant Icon social_instagram. За Тип значка мы выберем Нормальный, за Положение значка Левый, и для Выравнивание контента правильно. Вы, конечно, можете настроить его, как хотите, с помощью Font Awesome значки или значки различных типов и т. д.
За Заголовок, мы наберем Посетите нас в Instagram, и измените Тег заголовка к п. Заголовок может быть любым, но мы находим любой тег заголовка, кроме п слишком велик для этого конкретного приложения. Чтобы ссылка работала, вам необходимо ввести URL вашего профиля в поле Ссылка на сайт поле (мы пойдем с нашим профилем в Instagram) и Наш инстаграм за Текст ссылки.
Остальные параметры мы оставим как есть, но вы можете сделать боковую панель так, как она будет соответствовать макету и стилю вашего веб-сайта.
И вот так ваша социальная иконка будет отображаться в верхней части нашей боковой панели.
Конечно, вы можете создать этот тип ссылки для любого количества социальных сетей, которые вам нравятся. Этот виджет также поддерживает загрузку значков, так что вы можете заставить его работать в соответствии со стилем вашего сайта.
Как добавить значки социальных сетей на боковую панель WordPress с помощью плагина
Как всегда, мы предлагаем вам использовать встроенные функции темы для всего, что вы хотите, чтобы ваш сайт делал. Но если тема, которую вы используете, не поддерживает желаемый эффект, вы почти всегда можете обойтись (или даже больше, чем сделать) с помощью плагина. Плагин, который мы будем использовать, Виджет и блокировка социальных иконок. Вам необходимо установить и активировать этот плагин.
Этот плагин предоставит вам виджеты и блоки, которые вы можете использовать для отображения значков социальных сетей на всем сайте, но мы покажем вам, как отображать их на боковой панели. Для этого вам нужно будет перейти к Внешний вид / Виджеты.
Слева в Доступные виджеты раздел, найдите Социальные иконки от WPZOOM и перетащите его туда, где хотите. Мы хотим, чтобы наши значки социальных сетей находились в верхней части боковой панели, поэтому мы разместим их там, но вы можете выбрать любое положение, которое хотите.
Далее вам необходимо настроить виджет. Для Заголовок, мы положим Подписывайтесь на нас в социальных сетях!, но вы можете выбрать любое быстрое название, какое захотите. Никакие другие настройки мы трогать не будем. Достаточно сказать, что плагин предлагает несколько вариантов размера и цвета, которые вы можете использовать, чтобы ваши социальные иконки соответствовали макету вашего сайта.
Прокручивая вниз, вы можете выбрать, какие значки отображать и в каком порядке. Значения по умолчанию — Facebook, Twitter и Instagram. Чтобы добавить еще один, нажмите Добавить больше.
Вы получите еще один раздел виджетов со значком WordPress. Скажем, мы хотим добавить наш Pinterest профиль. Мы добавим наш URL-адрес рядом со значком, и вместо этого он автоматически изменится на адрес Pinterest. Наконец, вам нужно Сохранять все ваши изменения, конечно.
И точно так же ваши социальные сети будут рекламироваться для посетителей вашего сайта.
В заключении
Как вы видели, добавление значков социальных сетей на боковую панель WordPress совсем не требует времени. Вы можете использовать встроенные параметры вашей темы, как всегда наше первое предложение, или выбрать плагин, но в любом случае для этого потребуется немного больше, чем перетаскивание, падение и несколько щелчков мыши.
Поделиться на Facebook Поделиться на Twitter Поделиться на Pinterest Поделиться на WhatsApp Поделиться на WhatsApp Поделиться по электронной почте
Moyens Staff
Бесплатные социальные иконки и социальные иконки
Связанные изображения из iStock | Сохранить сейчас
иконки социальная икона иконки социальных сетей
Набор иконок для социальных сетей
Социальное сеть
Социальная сеть
плоский дизайн плоские иконки технологии
35 плоских иконок социальных сетей
фейсбук Социальное социальная сеть
Фейсбук
твиттер Социальное социальная сеть
Твиттер
фейсбук Социальное социальная сеть
Квадратное приложение Facebook
фейсбук логотип Социальное
Логотип Facebook
фейсбук логотип Социальное
Facebook квадратный яркий
фейсбук Социальное социальная сеть
Гранж-бумага Facebook
фейсбук Социальное социальная сеть
Вертикальный логотип Facebook
фейсбук Социальное социальная сеть
Facebook технологический
фликр значок фейсбук
Фликр
пиво кепка фейсбук
Пивная крышка-Facebook
фейсбук Социальное социальная сеть
Фейсбук белый свет
фейсбук Социальное социальная сеть
Изогнутый квадрат Facebook
фейсбук Социальное социальная сеть
Дудл на Facebook
твиттер социальная сеть Социальное
Твиттер
фейсбук папка Социальное
Папка Facebook
фейсбук Социальное социальная сеть
Круглый логотип Facebook
фейсбук Социальное социальная сеть
Круглый фейсбук
пушистый подушка фейсбук
Furry-Cushion-Facebook
фейсбук логотип Социальное
Темно-синий логотип Facebook
фейсбук Социальное социальная сеть
Фейсбук блестящий квадрат
твиттер социальная сеть Социальное
Твиттер
твиттер социальная сеть Социальное
Твиттер
фейсбук Социальное социальная сеть
Логотип Facebook
фейсбук кнопка делиться
Facebook_button
фейсбук Социальное социальная сеть
Facebook_256
фейсбук Социальное социальная сеть
Белый логотип facebook
твиттер социальная сеть Социальное
Твиттер
твиттер социальная сеть Социальное
Твиттер
Google Социальное социальная сеть
Гугл
твиттер птица Социальное
Твиттер4_512
напиток фейсбук Социальное
Напиток-Facebook
фейсбук Социальное социальная сеть
Очистка страницы Facebook
слух птица твиттер
Сплетники
фейсбук Социальное социальная сеть
Квадратные изогнутые углы Facebook
фейсбук облако погода
Facebook_cloud
кормить значок rss
Корм
твиттер социальная сеть Социальное
Твиттер
фейсбук Социальное социальная сеть
Хрустальное стекло Facebook
твиттер социальная сеть Социальное
Твиттер
фейсбук Социальное социальная сеть
Крышка от бутылки Facebook
хром фейсбук Социальное
Chrome-Facebook
твиттер Социальное социальная сеть
Твиттер
твиттер социальная сеть Социальное
Твиттер
твиттер социальная сеть Социальное
Твиттер
летающий птица твиттер
Flying_bird_sparkles
твиттер социальная сеть Социальное
Твиттер
твиттер социальная сеть Социальное
Твиттер
одинокий птица твиттер
Одиночная_птица
фейсбук Социальное социальная сеть
Фейсбук Белый
фейсбук монитор отображать
Facebook на компьютере
твиттер чат разговаривать
Twitter_11
фейсбук Социальное социальная сеть
Папка Facebook черный прозрачный
YouTube Социальное социальная сеть
Квадратное приложение YouTube
твиттер социальная сеть Социальное
Twitter_256
внутри фейсбук Социальное
Icontexto-внутри-facebook
твиттер социальная сеть Социальное
Твиттер
мое пространство значок Социальное
MySpace
Ищете социальные фотографии? Перейти к фото
Связанные ключевые слова
Социальное социальная сеть sn фейсбук твиттер иконки значок инфографика
Подробнее
Связанные изображения из iStock | Сохранить сейчас
Виджет значков социальных сетей для WordPress от WPZOOM
Виджет значков социальных сетей для WordPress от WPZOOMОГРАНИЧЕННОЕ ПРЕДЛОЖЕНИЕ Получите пакет всех тем [34 темы] всего за 99 евро. Подробнее →
Основные характеристики
Широкие возможности настройки и удобство для пользователя
Создавайте привлекательные значки, которые заставят ваших читателей щелкнуть-щелкнуть-щелкнуть! Используйте параметры настройки плагина, чтобы они соответствовали стилю вашего веб-сайта или бренда. Вы можете назначить любой цвет, выбрать один из стилей значков, настроить их размер и легко изменить их расположение. Кроме того, плагин очень прост в использовании благодаря своим функция перетаскивания , и вы можете добавлять значки в любую область виджета или страницу/публикацию.
100% совместимость с редактором блоков
NEWНаш плагин включает блок социальных иконок , который полностью совместим с редактором блоков WordPress (Gutenberg). Используйте его, чтобы добавлять ссылки на свои профили в социальных сетях в любом месте сообщений или страниц вашего сайта. Объедините лучшие функции редактора WordPress и виджета социальных иконок для связи с вашим онлайн-сообществом.
Блок социальных иконок можно использовать в сообщениях и на страницах.
Обширная коллекция значков
Выберите из более чем 100 социальных сетей и более 400 значков, соответствующих вашим профилям в социальных сетях. Плагин поддерживает самые популярные шрифты значков, такие как Font Awesome, Socicons, Dashicons, Academicons, Genericons 9.0270 . Более того, вы можете просто добавить ссылку на профиль, и виджет автоматически обнаружит значок. Все, что осталось сделать, это персонализировать и опубликовать!
Добавление значков в меню
НОВИНКАЛегко добавляйте значки в меню! Используя Social Icons Widget PRO, вы можете добавлять иконки в свои меню. Иконки также могут сопровождаться текстом, чтобы выделить меню.
Сокращенный код значков социальных сетей
НОВИНКАНужно использовать одни и те же значки в разных местах? Вы можете легко создавать наборы значков и вставлять их в любое место на своем веб-сайте, используя встроенный шорткод. Вы можете вставлять свои наборы социальных иконок на страницы/записи или в любой конструктор страниц.
Выдающаяся производительность
НОВИНКАПринимая во внимание оптимизацию, виджет «Значки социальных сетей» не оказывает негативного влияния на скорость загрузки вашего веб-сайта. Из-за встроенного отображения иконок SVG шрифты иконок не загружаются, что значительно снижает влияние плагина на скорость загрузки вашего сайта.
Загрузите свои значки SVG
NEWНужен собственный значок на вашем веб-сайте? Не проблема. С помощью виджета «Социальные значки» вы можете легко загрузить свой собственный значок SVG и даже создать собственный набор значков. Все параметры настройки плагина будут безупречно применяться к вашим пользовательским значкам.
- Текущая версия: 1.1.4
- Последнее обновление: 2 ноября 2022 г.
- Документация
Варианты ценообразования
Все с регулярными обновлениями, новыми функциями и отличной поддержкой!
Все варианты приобретения оплачиваются ежегодно.