Как превратить шаблон в веселый и красочный веб-сайт
Jen Webb
0:00 / 0:00
Как превратить шаблон в веселый и красочный веб-сайт
1 757 просмотров · 4 мес. назад
Jen Webb
11,3 тыс. подписчиков
1 757 просмотров · 4 мес. назад
Шаблон Sonder для Squarespace: https://jen-webb.com/sonder-squarespa...
Демо-версия обновленного шаблона: https://sonder-sample-1.squarespace.c...
Рабочий лист по копирайтингу: https://jen-webb.com/website-content-...
Бесплатные иконки Google Fonts: https://fonts.google.com/icons?icon.s...
✴✴✴
В этом видео я покажу вам, как превратить шаблон Squarespace в более интересный и красочный сайт для вашего бизнеса. Я шаг за шагом расскажу обо всех действиях, которые вам нужно будет выполнить после выбора шаблона, чтобы персонализировать его под ваш уникальный бренд. Я объясню, как обновить цветовую палитру в «Стили сайта» без нарушения дизайна, как изменить стили шрифтов, расскажу о лучших практиках настройки шрифтов и стилей кнопок, как обновить ваш фавикон, а также дам советы по уменьшению размера изображений для быстрой загрузки сайта. Попутно я поделюсь некоторыми советами по дизайну, а также расскажу о моментах, на которые следует обратить внимание при обновлении сайта в Squarespace.
✴✴✴
Вот фрагменты кода для закругленных углов для карточек в разделе списка.
Существует 3 возможных типа разделов списка — карусель, слайд-шоу баннеров и простой — которые вы можете найти на вкладке «Дизайн» во всплывающем окне «Редактировать контент». Код отличается в зависимости от типа вашего раздела списка:
// закругленные углы для карточек карусельного раздела списка
.user-items-list-carousel .list-item {
border-radius: 30px;
}
// Закругленные углы на карточках раздела списка в слайд-шоу баннера
.user-items-list-banner-slideshow .list-item .list-item-card-background {
border-radius: 30px;
}
// Закругленные углы на карточках раздела простого списка
.user-items-list-simple .list-item[data-is-card-enabled="true"] {
border-radius: 30px;
}
✴✴✴
ГДЕ МЕНЯ НАЙТИ
https://www.jen-webb.com
/ jenwebbcreates
/ jenwebbcreates1
Магазин Spoonflower (вы можете приобрести мои работы на обоях, ткани и предметах домашнего декора):
https://www.spoonflower.com/profiles/...
✴✴✴
ОБОРУДОВАНИЕ ДЛЯ СЪЕМКИ
https://www.jenwebbdesigns.com/filmin...
✴✴✴
♫ музыка: https://artlist.io/referral/5698777/J...
✴✴✴
Главы
00:00 Вступление
00:45 Советы по цвету
03:25 Шрифты
04:48 Замена Содержание
05:26 Размер файла изображения
06:23 Стили текста
07:01 Советы по дизайну
10:13 Сброс макета
11:18 Разделы списка
11:58 Нижний колонтитул
12:26 Фавикон и заголовок сайта
13:30 Готово!
✴✴✴
Все мнения мои собственные. Это описание может содержать партнерские ссылки, которые позволяют вам найти упомянутые в видео товары и поддержать канал без дополнительных затрат с вашей стороны. Хотя этот канал может получать минимальные суммы, когда вы используете ссылки, я включаю ссылки только на продукты и услуги, которые мне действительно нравятся и которые я считаю ценными. Спасибо за вашу поддержку!
#squarespacetutorial #squarespacewebsite
Узнайте, как настроить шаблоны Squarespace, чтобы создать веселый и жизнерадостный веб-сайт.