Социальные кнопки для Joomla | Центр обучения Joomla
Вход Регистрация
- Антон Майоров
- Расширения для Joomla
Комментарии
Вставка социальных кнопок на сайт — не самое увлекательное занятие. Почему? Да потому что это долго, нудно и неинтересно. Хотя, казалось бы: что может быть проще, чем вставить социальные кнопки на сайт?
Все дело в том, что есть два способа, как вставить кнопки социальных сетей.
1. Скачать картинки социальных сетей и вставить их в модуль, назначив ссылки.
Но это некорректный способ. Во-первых, нужно искать картинки, подходящие под стиль сайта. А во-вторых: данный способ хоть и незначительно, но замедляет загрузку сайта, т. к. каждая картинка — это отдельное соединение. Можно, конечно, объединить все иконки в спрайты, но все равно одна картинка будет подгружаться. Да и к чему столько лишних действий при добавлении каких-то иконок социальных сетей?
2. Правильный способ — использовать иконки, входящие в комплект Font Awesome. При этом никаких дополнительных загрузок нет, на скорость загрузки ничего не повлияло. Но, в стандартном визуальном редакторе так просто не вставить иконки, т. к. тэги с пустым содержимым будут обрезаться. Да и вообще, зачем лезть в редактор кода для вставки иконок.
Максимально упростить данную задачу можно с помощью модуля Favsocial. Данный модуль позволяет вставить 10 любых иконок из Font Awesome, указав их название, размер, цвет и отступ. Идеально! 5 минут и все модули с кнопками социальных сетей готовы.
Подробное видео по модулю Favsocial:
Руководства, Обзоры, Подборка, Joomla 3, Joomla 4, Модули, Расширения
Разделы базы знаний
- Основы Joomla
- Шаблоны для Joomla
- Расширения для Joomla
- Прочее для Joomla
База знаний
Текущий раздел сайта
- AcyMailing: лучший инструмент email-рассылок для Joomla
- Akeeba Backup: резервное копирование Joomla
- AllVideos: быстрая вставка видео в Joomla
- Balbooa Forms — продвинутый конструктор форм для Joomla
- Community Builder: создание социальных сетей на Joomla
- Convert Forms: конструктор форм для Joomla
- Engage Box: всплывающие окна в Joomla
- Google Structured Data: автоматическая микроразметка в Joomla
- JCE: лучший визуальный редактор для Joomla
- JCH Optimize: ускорение сайта на Joomla
Популярные теги
- Joomla 3 92
- Joomla 4 74
- Обзоры 49
- Расширения 40
- Руководства 33
- SEO 22
- Компоненты 22
- Бесплатноe 16
- Платное 13
- Видео 12
Все теги
Навигация по странице
Как добавить значки социальных сетей в меню WordPress?
Хотите добавить значки социальных сетей в меню WordPress? Стандартными средствами это не получится сделать.
Но задача легко решается. Рассмотрим быстрый и простой способ.
Зачем добавлять иконки социальных сетей в меню?
Самое большое преимущество добавления значков социальных сетей с помощью меню WordPress заключается в том, что у вас есть возможность изменять порядок их отображения с помощью простого интерфейса перетаскивания.
Хотя вы можете использовать сторонние плагины для отображения значков социальных сетей на боковой панели (например, Simple Social Icons), большинство из этих решений не такие гибкие.
Помимо простого интерфейса перетаскивания, когда вы добавляете значки социальных сетей в меню WordPress, вы можете отобразить его в любой области виджетов на своем сайте, включая боковую панель, область нижнего колонтитула, в конце поста и т.д.
Как добавить значки социальных сетей в меню WordPress?
Первое, что вам нужно сделать, это установить и активировать плагин меню Menu Image.
После активации необходимо в админ-панели перейти в раздел зайти на страницу меню Внешний вид -> Меню и создать новое меню, нажав на ссылку создать новое меню.
В новое меню вам нужно добавить ссылки для каждого социального канала (блок Произвольные ссылки). Вы заметите, что для каждого пункта меню появились опции добавления изображения и выбор его размера. Вы можете загрузить свой значок.
Для одного пункта меню возможно загрузить 2 картинки: картинка меню (опция Картинка меню) и картинка при наведении (Картинка при наведении).
После этого вы можете выбрать размер социального значка (опция Размер). Существует несколько вариантов размера изображения. Убедитесь, что вы выбрали одинаковый размер для всех значков социального меню, чтобы оно не нарушало общую область меню.
Дальше вам нужно выбрать позицию для отображения названия каждого социального канала возле значка. Если вы хотите показать только значок социальной сети без названия, выберите значение Нет в опции Положение заголовка.
Эти действия нужно повторить для каждой социальной кнопки.
Как только вы закончите добавление элементов меню, нужно выбрать место отображения меню и нажмите на кнопку Сохранить меню.
Вы также можете добавить меню значков на боковую панель своего сайта. Для этого просто перейдите на страницу виджетов (Внешний вид -> Виджеты) и перетащите виджет Меню навигации в область виджетов боковой панели.
В выпадающем меню виджета выберите социальное меню, которое вы создали выше и нажмите на кнопку Сохранить.
Читайте также
Max Mega Menu – многофункциональный плагин меню WordPress
Обычно разработчики тем не предусматривают каких-либо расширенных настроек для кастомизации внешнего вида меню на сайте. Например, эффекты при наведении и нажатии и т.п. Мощный бесплатный…
Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.
Новое: обновлены параметры для значков социальных сетей
Опубликовано Мелани Кили 13 августа 2020 г.
в: Новости Bandzoogle, Новые возможности
Ваш веб-сайт — ваш онлайн-дом. Весь ваш лучший контент, от вашей биографии до вашей музыки, должен быть хорошо организован на ваших страницах. У вас есть собственное доменное имя, и люди могут найти вас там. Это присутствие, которое вы полностью контролируете.
В рамках вашей онлайн-стратегии после создания музыкального веб-сайта добавьте на свои страницы значки социальных сетей. Это дает возможность посетителям вашего сайта найти вашу музыку на других цифровых платформах. Они также могут общаться с вами в социальных сетях.
Значки социальных сетей важны для расширения вашего общего присутствия в Интернете. Чтобы получить чистый, не загроможденный вид, добавьте те, в которых вы наиболее активны, но не слишком много в одном месте.
Чтобы помочь в этом, мы улучшили внешний вид значков социальных сетей, называемых значками «Мои сайты». Вы можете добавлять ссылки на социальные сети по всему сайту (чтобы они отображались на каждой странице после их добавления) или постранично.
Это обновление касается постраничной функции, поэтому вы можете настроить внешний вид значков на любой из ваших страниц.
Параметры цвета
По умолчанию, когда вы добавляете новые значки социальных сетей, они приобретают однотонный цвет, определяемый фирменной символикой каждой сетевой платформы.
Вы можете использовать это или настроить их так, чтобы они соответствовали другим кнопкам (например, кнопке воспроизведения) на вашем веб-сайте. Вы также можете изменить значки на все черные или все белые. Чтобы полностью соответствовать брендингу вашего веб-сайта, попробуйте использовать собственный цвет, который вы выберете из цветового круга (вы можете ввести точный оттенок, используя шестнадцатеричный код).
Параметры формы
Чтобы придать странице веб-сайта свежий вид, измените форму значков социальных сетей, не добавляя их повторно. Вы можете попробовать варианты круга или квадрата, чтобы увидеть, как они выглядят на странице. Вы также можете попробовать как круг, так и квадрат с контуром, чтобы увидеть, как это подходит для дизайна вашего сайта.
Выравнивание и размер
После того, как вы определились с цветом и формой значков социальных сетей, разместите их на странице в нужном месте. Вы можете настроить размер до 100 пикселей, чтобы сделать их больше или меньше. Затем вы можете установить выравнивание элемента по левому, центральному или правому краю страницы.
Использование функции «Мои сайты»
Добавление значков социальных сетей на ваш музыкальный веб-сайт может оказаться полезным по нескольким причинам. Например:
Добавьте все потоковые платформы, на которых доступна ваша музыка, на страницу «Музыка»
Добавьте свои самые популярные платформы социальных сетей на свою страницу EPK
Добавьте наиболее активно используемые социальные сети на страницу контактов
Добавьте значок Facebook или Instagram на страницу прямых трансляций или событий
Попробуйте настроить значки социальных сетей или музыки, чтобы придать веб-сайту свежий и современный вид.
Создайте веб-сайт с поддержкой мобильных устройств и множеством функций, предназначенных только для музыкантов. Создайте музыкальный веб-сайт с Bandzoogle уже сегодня!
- Продвигайте свою музыку на собственном уникальном веб-сайте.
- Продавайте музыку и товары напрямую своим поклонникам. Держите 100%.
- Расширяйте круг своих поклонников с помощью встроенных маркетинговых инструментов.
Начните 30-дневную бесплатную пробную версию
30-дневную бесплатную пробную версию, кредитная карта не требуется.
Как социальные иконки на вашем сайте могут вам помочь или навредить
<< Вернуться к блогу
Дизайн веб-сайта и опыт
Скотт Бараделл
Опубликовано: 22 августа 2020 г.
Размещение значков социальных сетей на вашем веб-сайте может быть палкой о двух концах.
При правильном использовании эти значки сигнализируют как посетителям, так и Google о том, что ваш сайт является законным, помогая повысить социальную активность вашего бренда. Используются плохо, и они могут навредить вам больше, чем помочь.
Иконки социальных сетей — ценный сигнал доверия. Вот пять фактов и советов о социальных значках, которые вы хотите использовать на своем веб-сайте:
- Они нравятся Google. Компания Moz, занимающаяся разработкой программного обеспечения для SEO, считает их важными для авторитета поиска; на самом деле, их исследование показывает, что отсутствие ссылок с вашего сайта на страницу компании в LinkedIn является индикатором для Google, что ваш сайт может быть спамом. Ссылки в виде значков на известные социальные страницы говорят о надежности.
- Людям они тоже нравятся, если они действительно куда-то ходят. Иконки социальных сетей хорошо видны посетителям, если есть что-то на другом конце этих ссылок. Если посетитель натыкается на социальные значки вашего сайта и решает щелкнуть значок Twitter, но попадает на страницу, где все, что он находит, — это изображение профиля «яйцо» по умолчанию и пара случайных твитов, вам лучше не иметь значков.
- Место решает все. Важно знать, где размещать значки на сайте. Исследования показали, что одним из худших мест для размещения значков является страница оплаты электронной коммерции; это может отвлечь потенциальных покупателей и снизить конверсию на 10 и более процентов. Лучше разместить значки на боковой панели вашего блога, а также в шапке, нижнем колонтитуле и/или контактной странице вашего сайта.
- Выберите подходящий для вас значок. Значки на вашем веб-сайте можно использовать для разных целей. Их можно разместить в конце или даже в середине сообщения в блоге, чтобы побудить посетителей поделиться вашим контентом в своих социальных аккаунтах. Или их можно разместить рядом с контактной информацией вашей компании, чтобы люди могли легко найти другие аванпосты вашей компании в Интернете.
- Обязательно соблюдайте правила. Значки социальных сетей являются зарегистрированными товарными знаками, что означает, что они защищены авторским правом.
Значки социальных сетей никогда не сделают ваш бренд культовым — вы должны сделать это. Но они могут сделать его более надежным для посетителей и для Google.
Посетители вашего сайта должны чувствовать себя как дома.
Узнайте больше о решении для пользователей Idea GroveОставить комментарий
Scott Baradell
Скотт является основателем и генеральным директором Idea Grove, одного из самых перспективных агентств по связям с общественностью в Соединенных Штатах. Idea Grove фокусируется на том, чтобы помочь технологическим компаниям найти средства массовой информации и покупателей, с клиентами, начиная от стартапов, поддерживаемых венчурным капиталом, и заканчивая компаниями из списка Fortune 100.