Перейти к содержимому

Как превратить шаблон в веселый и красочный веб-сайт

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, чтобы создать веселый и жизнерадостный веб-сайт.