Блоки

Блоки »Блок «Значки соцсетей»

Блок «Значки соцсетей» позволяет добавлять значки социальных сетей на любую страницу или в любую запись, чтобы перенаправлять посетителей в ваши профили в социальных сетях.

Вот пример:

Вставить блок «Значки соцсетей»

Вы можете ознакомиться с подробными инструкциями по добавлению блоков здесь.

Вы можете добавить блок «Значки соцсетей», выбрав его при нажатии кнопки «Добавить блок». Или можно набрать /social и нажать клавишу ввода.

Gif: В новой строке редактора WordPress наберите /social и нажмите клавишу ввода, чтобы добавить блок «Социальные сети».

Добавить свои профили в социальных сетях

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

Чтобы связать уже существующий значок со своей учётной записью в социальной сети, щелкните этот значок. Появится поле адреса, в которое можно вставить ссылку на свой профиль в социальной сети. Чтобы сохранить изменения, нажмите кнопку со стрелкой:

Gif: Щёлкните значок, чтобы настроить ссылку.
Редактирование значка социальной сети, чтобы превратить его в ссылку.

Добавить новые значки

Нажмите кнопку «+» (добавить значок) справа от имеющихся значков. При этом откроется список всех доступных значков, из которых вы можете выбрать нужный.

Gif: Нажмите кнопку «Добавить значок», чтобы открыть список доступных значков социальных сетей.
Добавление нового значка.

Для поиска значка можно также использовать строку поиска:

Изображение: Выделение строки поиска в верхней части списка доступных значков социальных сетей.
Строка поиска значков социальных сетей

Если нужного вам значка нет, то вместо него можно воспользоваться кнопкой универсальной ссылки:

Изображение: Выделение кнопки универсальной ссылки.
Значок универсальной ссылки

Перечень поддерживаемых значков

Доступны для использования следующие значки:

  • 500px
  • Apple
  • Bandcamp
  • Behance
  • CodePen
  • DeviantArt
  • Dribbble
  • Dropbox
  • Etsy
  • Facebook
  • Flickr
  • Foursquare
  • GitHub
  • Goodreads
  • Google
  • Instagram
  • Last.fm
  • LinkedIn
  • Email (mailto: ссылки)
  • Mastodon
  • Встречи
  • Среднее
  • Pinterest
  • Pocket
  • Reddit
  • RSS Feed (URL адреса с/feed/)
  • Skype
  • Snapchat
  • Soundcloud
  • Spotify
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • ВКонтакте
  • WordPress
  • Yelp
  • YouTube

Удалить значок

Чтобы удалить значок, щёлкните его для вызова индивидуальной панели инструментов. Нажмите кнопку с изображением трёх точек для этого значка и выберите пункт «Удалить блок»:

Gif: Нажмите кнопку с изображением трёх точек для этого значка, чтобы попасть в пункт меню «Удалить блок».
Удаление значка социальной сети

Настройки блока

В дополнение к настройкам на панели инструментов для каждого блока имеются свои настройки на боковой панели редактора.Если вы не видите боковую панель, нажмите значок шестерёнки рядом с кнопкой «Опубликовать».

В настройках блока для значка можно выбрать один из трёх стилей:

  • По умолчанию
  • Только логотип
  • Значок полностью
Изображение: Настройки блока «Социальные сети».
Настройки блока

Дополнительно

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

Раздел дополнительных настроек позволяет добавить к блоку класс CSS.
Раздел дополнительных настроек позволяет добавить к блоку класс CSS.

Каждый значок социальной сети может также иметь свой отдельный класс. Чтобы добавить значку класс, выберите его и измените поле «Дополнительный класс CSS»:

Изображение: Поле «Дополнительный класс CSS» для отдельного значка
Поле «Дополнительный класс CSS» для отдельного значка