Как владелец бизнеса, вы знаете, что социальные сети — это мощный инструмент для привлечения новых клиентов и развития вашего бренда. А как пользователь Squarespace, вы знаете, что Squarespace позволяет легко создать красивый веб-сайт. Но как добавить иконки социальных сетей на свой сайт в Squarespace?
Хорошая новость заключается в том, что добавить значки социальных сетей на сайт Squarespace очень просто. Это можно сделать двумя способами:
Вариант 1: Использовать виджет значков социальных сетей.
Один из способов добавить иконки социальных сетей на ваш сайт Squarespace — это использовать виджет. Виджет — это часть кода, которую вы можете добавить на свой сайт для отображения контента из другого источника. В данном случае вы можете использовать виджет для отображения иконок социальных сетей на вашем сайте Squarespace.
Существует множество различных виджетов значков социальных сетей. Некоторые из них бесплатные, другие — платные.
Чтобы найти виджет, отвечающий вашим потребностям, выполните поиск «виджет значков социальных сетей» в вашей любимой поисковой системе. После того как вы найдете виджет, который вам понравится, следуйте инструкциям на сайте виджета, чтобы добавить его на свой сайт Squarespace.
Вариант 2: Добавить значки социальных сетей вручную.
Если вам удобно работать с кодом, вы можете добавить значки социальных сетей на свой сайт Squarespace вручную. Этот вариант дает вам больше возможностей контролировать внешний вид значков и их расположение на сайте.
Чтобы добавить значки социальных сетей вручную, вам нужно будет отредактировать код вашего шаблона Squarespace. Не волнуйтесь — это проще, чем кажется. Просто выполните следующие шаги:
-
Войдите в свою учетную запись Squarespace и перейдите в Главное меню..
-
(Для версии 7.0) В разделе «Дизайн» выберите «Пользовательский CSS «.
-
(Для версии 7.1) В разделе «Дизайн» нажмите «Дополнительно», затем «Пользовательский CSS «.
-
(Для версии 6) В разделе Управление сайтом нажмите Дополнительно, затем Инъекция кода..
-
В поле Заголовок вставьте приведенный ниже код и нажмите Сохранить:.
<стиль>
.social-icons {
display: inline-block;
font-size: 16px;
}
.social-icons a {
color: #333;
text-decoration: none;
padding: 8px;
- В поле Footer вставьте приведенный ниже код и нажмите Save.: