Добавление кнопок на ваш сайт Squarespace — это отличный способ добавить интерактивности и вовлеченности для ваших посетителей. Кнопки можно использовать для ссылок на другие страницы вашего сайта или на внешние сайты. Их также можно использовать для запуска всплывающих окон, например, контактной формы или галереи изображений.
В этой статье мы покажем вам, как добавить кнопки в Squarespace с помощью редактора блоков. Мы также дадим вам несколько советов по оформлению кнопок с помощью HTML.
Как добавить кнопки в Squarespace.
Squarespace позволяет легко добавлять кнопки на ваш сайт. С помощью редактора блоков вы можете добавить кнопки в любое место на странице. Просто нажмите на кнопку «Добавить блок» и выберите в меню блок «Кнопка».
Настройки блока «Кнопка
После добавления блока «Кнопка» вы увидите ряд настроек, которые можно изменить:
-
Текст: Это текст, который будет отображаться на вашей кнопке. Здесь вы можете использовать HTML для стилизации текста.
-
Ссылка: Здесь вы указываете, куда должна вести ссылка на кнопку.
Это может быть внутренняя страница вашего сайта или внешний URL.
-
Размер: Вы можете выбрать между маленьким, средним и большим размером кнопки.
-
Стиль: На выбор предлагается несколько различных стилей кнопок. Вы также можете выбрать «Нет», если хотите создать собственный стиль кнопки с помощью HTML.
Стиль кнопок с помощью HTML.
Если вы хотите получить больше контроля над тем, как выглядят ваши кнопки, вы всегда можете оформить их с помощью HTML. Для этого просто выберите стиль «None» в раскрывающемся меню Style. После этого нажмите на кнопку «Редактировать HTML» на панели настроек блока.
Откроется редактор HTML для этого блока. Здесь вы можете добавить любые стили CSS, которые вам нужны. Например, допустим, мы хотим, чтобы наша кнопка имела черный фон с белым текстом.
Мы добавим следующие стили CSS:
Например, если вы добавите кнопку со ссылкой на внешний сайт, вы можете непреднамеренно направить своих посетителей на вредоносный сайт. Кроме того, если вы добавите кнопку, позволяющую посетителям скачивать файлы с вашего сайта, вы можете подвергнуть себя потенциальной юридической ответственности.
Учитывая вышесказанное, если вы решите добавить кнопки на свой сайт Squarespace, делайте это с осторожностью и размещайте ссылки только на проверенные сайты и ресурсы.
/*Стили кнопок*/ .sqs-block-button-style-none { background: #000000; color: #ffffff; } .sqs-block-button-style-none:hover { background: #333333; } .sqs-block-button-style-none:active { background: #666666; }
Добавление значка
Если вы хотите добавить иконку к вашей кнопке, просто выберите опцию «Иконка» в настройках блока кнопок. Это приведет к появлению списка иконок, которые вы можете выбрать. Найдя нужный значок, просто нажмите на него, и он будет добавлен к вашей кнопке.
(заключение)
Кнопки — это отличный способ