Вернуться на страницу поддержки Содержимое и медиафайлы Меню Создание меню «Социальные сети»

Создание меню «Социальные сети»

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

Образец меню ссылок на социальные сети из темы Maywood.

В этом руководстве

Добавление меню ссылок на социальные сети

Чтобы добавить меню ссылок на социальные сети на свой сайт, выполните следующие действия.

📌

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

Выберите вкладку, соответствующую вашему дизайну интерфейса.

В редакторе сайта откройте меню ссылок на социальные сети, вставив блок «Значки соцсетей». Чтобы добавить меню ссылок на социальные сети, выполните следующие действия.

  1. Откройте консоль.
  2. Перейдите в раздел Внешний вид → Редактор.
  3. Выберите шаблон или часть шаблона, которые нужно отредактировать, или нажмите кнопку предварительного просмотра сайта, чтобы открыть редактор сайта.
  4. Откройте представление в виде списка в верхнем левом углу экрана (значок, состоящий из трёх горизонтальных линий одна над другой).
  5. Выберите позицию и нажмите значок «+ Инструмент вставки блоков».
  6. Найдите блок «Значки соцсетей» и щёлкните по нему, чтобы добавить.
  7. Нажмите значок «и выберите значок первого профиля в социальной сети, который вы хотите добавить.
    • Вы можете выполнить поиск конкретной социальной сети или щёлкнуть по ссылке «Просмотреть все», чтобы просмотреть все доступные социальные сети.
  8. Щёлкните по добавленному значку один раз и введите URL-адреса вашего профиля в социальной сети. Нажмите Enter/Return на клавиатуре, чтобы отправить, или нажмите значок «Применить» (выглядит как изогнутая стрелка).
  9. Повторите процедуру для всех значков, которые нужно добавить.
  10. Нажмите кнопку «Сохранить», чтобы сохранить изменения.

Обучающее видео

Замедляйте или ускоряйте воспроизведение видео с помощью элементов управления в правом нижнем углу после нажатия кнопки «Воспроизведение»

Поддерживаемые значки соцсетей

При размещении ссылки на любой из следующих сайтов в вашем меню автоматически отображается его значок:

  • 500px
  • Amazon
  • Apple
  • Bandcamp
  • Behance
  • CodePen
  • DeviantArt
  • Digg
  • Dribbble
  • Dropbox
  • Etsy
  • Facebook
  • Flickr
  • Foursquare
  • Github
  • Goodreads
  • Google+
  • Instagram
  • LinkedIn
  • Email (mailto: ссылки)
  • Встречи
  • Medium
  • Pinterest
  • Pocket
  • Reddit
  • RSS Feed (URL-адреса с /feed/)
  • Skype
  • SlideShare
  • Snapchat
  • SoundCloud
  • Spotify
  • StumbleUpon
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • ВКонтакте
  • WordPress
  • Yelp
  • YouTube

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

Copied to clipboard!