Пропустить

Как добавить больше иконок социальных сетей в Divi

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 901.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

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

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

Как легко активировать дополнительные иконки социальных сетей в нижнем колонтитуле Divi

Самый простой способ добавить больше значков социальных сетей на свой сайт Divi - перейти на панель Варианты темы , активируя опции для Facebook, Twitter, Instagram и RSS. Затем все, что вам нужно сделать, это ввести URL-адреса вашего профиля в поля. Когда вы это сделаете, вы увидите, что они отображаются в виде значков ссылок в нижнем колонтитуле вашего сайта:

Социальные иконки divi

В меню панели инструментов WordPress перейдите к Divi - Параметры темы и щелкните вкладку общий . Прокрутите вниз, чтобы увидеть сетевой переключатель. Кроме того, прямо под этими переключателями обязательно введите URL-адреса для каждого активированного значка социальной сети Divi. В противном случае значок появится, но, нажав на него, пользователь никуда не попадет. Используя # вместо URL-адреса будет удерживать пользователя на странице, а не перенаправлять его на 404 страница .

Варианты темы Divi

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

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

Divi wordpress

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

Как использовать Divi Builder для добавления трекеров социальных сетей на страницу или публикации контента

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

Вы можете использовать Divi Builder для вставки значков социальных сетей прямо на свои страницы или сообщения с помощью отслеживание в социальных сетях .

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

Создание статьи Divi

И, конечно же, есть. Просто нажмите Использовать Divi Builder чтобы начать создавать свою страницу или публиковать сообщения с нуля (или с одного из наших предопределенные макеты ). Кроме того, вы можете включить значки социальных сетей Divi, если используете редактор WordPress по умолчанию. Все, что вам нужно сделать, это вставить блок Диви макет и выполните те же действия, что и ниже.

Макет Divi Gutenberg

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

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

Размещение модуля подписки в социальных сетях

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

Добавить социальную сеть социальный модуль divi

Затем выберите один из выпадающего списка.

Добавить новую социальную сеть

Выбрав это, добавьте URL-адрес вашего профиля. При желании вы можете выбрать цвет, градиент, фон и т. Д. специфичен для его значка.

Настроить кнопку социальной сети

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

Настроить значки социальных сетей

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

Подписывайтесь на нас кнопка divi

Затем вы можете перемещать значки по странице, работая над их расположением и расположением по своему усмотрению. (The Варианты трансформации Divi кстати, это удивительно.) Когда вы будете удовлетворены всеми своими решениями, нажмите зеленая кнопка Сохранить (или Опубликовать) в правом нижнем углу, чтобы зарегистрировать новый модуль значков социальных сетей. Если вы не видите кнопку Опубликовать / Сохранить, нажмите фиолетовый многоточие (три точки) внизу по центру экрана, чтобы развернуть меню.

Кнопка Divi подписывайтесь на нас

После этого ваши иконки социальных сетей будут жить на вашем сайте.

Использование Divi Theme Builder для добавления значков социальных сетей

Как мы упоминали выше, Divi Theme Builder - это мощный инструмент, который дает вам полный контроль практически над каждым аспектом вашего сайта. Так что, если вы хотите добавить значки социальных сетей где угодно, генератор тем поможет вам.

Чтобы начать с генератора тем, перейдите в Divi - генератор тем в панели управления WordPress.

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

Divi строитель

Речь идет о добавлении значков социальных сетей в существующий макет конструктора тем Divi. Или к новому! Неважно, добавляете ли вы заголовок, нижний колонтитул или все тело своего сайта - или даже определенные категории или другие специализированные типы страниц. Вы будете следовать тому же процессу.

Сначала мы найдем раздел, который хотим добавить. Опять же, он может быть глобальным или персонализированным. Если вы никогда раньше не использовали конструктор тем, это просто. Мы будем добавлять значки социальных сетей в отдельные сообщения. Поэтому вы можете начать, нажав на Добавить новую модель и выбрав Все сообщения ou Сообщения в определенных категориях . Затем отметьте категории, которые хотите включить. Затем нажмите на Создать шаблон .

Добавить модель divi

Если вы уже настроили шаблоны, просто нажмите на Редактировать карандаш или дважды щелкните по разделу, который вы хотите изменить.

Макет Divi

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

Например, если мы хотим включить значки социальных сетей под заголовком поста, но над содержанием поста в каждый пост в блоге, который мы публикуем, мы просто добавим модуль в следовать социальные сети. Нажмите на кружок Noir + и выберите его в диалоге Вставить модуль .

Выберите социальный модуль

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

Социальный значок медиа модуль divi

И вот так вы добавили несколько иконок социальных сетей в генератор тем Divi. Они будут отображаться в любом сообщении блога, которое вы создаете (в этом примере).

Внешний вид на divi с кнопкой поделиться

А если вам не нравится, как они выглядят, генератор тем легко настроить. Просто перетащите их в другое место, например в верхнюю часть боковой панели.

Перенос модуля социального обмена Divi

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

значки боковой панели

Добавление значков социальных сетей в верхний и нижний колонтитулы с помощью Divi Theme Builder

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

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

Макет divi темы персонализации

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

Если вы разработали 4 настраиваемых нижних колонтитула для сообщений, страниц, проектов и категорий, но затем вы создали глобальный нижний колонтитул, будет отображаться только глобальный нижний колонтитул. 

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

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

Добавить глобальный нижний колонтитул divi

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

Заключение

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

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

Эта статья содержит комментарии 0

Оставить комментарий

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

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
0 акции
доля
чирикать
Регистрация