Как сменить шаблон Squarespace: шаги для версий 7.0 и 7.1

Как сменить шаблон Squarespace: на версии 7.1 шаблоны не меняются, на 7.0 можно. Шаги для обеих версий, что сохраняется и чек-лист перед сменой.

Частые вопросы

Можно ли сменить шаблон в Squarespace 7.1?

Нет. По словам Squarespace, в версии 7.1 смена шаблона недоступна: все сайты 7.1 построены на одной базовой структуре с общим набором настроек стиля. Чтобы изменить внешний вид, нужно менять шрифты, цвета, отступы и макеты страниц, а не устанавливать другой шаблон.

Как узнать, на какой версии мой сайт: 7.0 или 7.1?

Откройте панель Pages (Страницы) и прокрутите её до конца. На сайте 7.1 вы увидите метку Version 7.1. На сайте 7.0 вместо неё будет название шаблона.

Потеряю ли я контент, если сменю шаблон в версии 7.0?

Squarespace сообщает, что большая часть контента остаётся на месте. Настройки стиля (шрифты, цвета, отступы) сбрасываются до значений нового шаблона, а такие элементы, как боковые панели, футеры, заголовки страниц, фоновые изображения и пользовательский CSS, переносятся не так, как вы ожидаете. Если вернуться к прежнему шаблону, его предыдущее состояние восстановится.

Можно ли посмотреть новый шаблон до публикации?

Да, на версии 7.0. Установите шаблон, наведите на него курсор в панели Template (Шаблон) и нажмите Preview (Предпросмотр). Чтобы вернуться к действующему шаблону, нажмите Cancel preview (Отменить предпросмотр) в нижней панели. Для посетителей ничего не изменится, пока вы не нажмёте Set as live template (Сделать шаблон активным).

Можно ли откатить переход с 7.0 на 7.1?

После публикации нельзя. Squarespace сообщает, что остановиться можно в любой момент до нажатия Publish update (Опубликовать обновление), но после этого изменения не отменить и вернуться на версию 7.0 не получится.

Коротко: всё зависит от версии вашего сайта. В Squarespace 7.0 шаблон меняется через панель Design: откройте Template, нажмите Install new template, посмотрите предпросмотр, затем нажмите Set as live template. В Squarespace 7.1 шаблон сменить нельзя вообще, потому что все сайты 7.1 используют одну и ту же структуру, поэтому внешний вид меняют через шрифты, цвета и макеты. Сначала выясните, какая версия у вас.

Шаг 1: Узнайте свою версию

Откройте панель Pages (Страницы) и прокрутите её вниз. Если видите метку Version 7.1, у вас 7.1. Если видите название шаблона (Brine, Five, Marquee и т. д.), у вас 7.0. Всё остальное зависит от этой проверки.

Версия 7.0Версия 7.1
Можно ли сменить шаблон?ДаНет, переключаться не на что
Как менять внешний видУстановить новый шаблон, посмотреть предпросмотр, сделать активнымРедактировать шрифты, цвета, отступы и макеты секций
Есть ли предпросмотр?Да, через Preview и Cancel previewПравки видны сразу по мере внесения
Пользовательский CSSПривязан к конкретному шаблону, в новом пустОстаётся с сайтом
Можно ли откатить?Да, при возврате восстанавливается состояние прежнего шаблонаПравки стиля можно изменить снова

Как сменить шаблон в Squarespace 7.0

  1. Откройте панель Design (Дизайн) и нажмите Template (Шаблон).
  2. Нажмите Install new template (Установить новый шаблон) и выберите нужный через Start with (Начать с).
  3. Новый шаблон появится в панели Template под действующим. Посетители по-прежнему видят старый.
  4. Наведите на него курсор и нажмите Preview. Пройдитесь по страницам и отметьте, что выглядит неправильно.
  5. Не понравилось? Нажмите Cancel preview в нижней панели, и вы вернётесь к действующему шаблону.
  6. Всё устраивает? Нажмите Set as live template в нижней панели и подтвердите выбор.
  7. Восстановите то, что сбросилось (см. следующий раздел), затем проверьте каждую страницу на мобильных устройствах.

Смена шаблона обратима. По словам Squarespace, если вернуться к шаблону, которым вы пользовались раньше, ваши изменения дизайна и настройки стиля возвращаются в том виде, в каком вы их оставили.

Что переносится в 7.0, а что нет

Squarespace сообщает, что большая часть контента при смене шаблона остаётся на месте. А вот это не переносится:

  • Настройки стиля. Шрифты, цвета, отступы и другие стили сбрасываются до значений нового шаблона.
  • Боковые панели и футеры. Они уникальны для каждого шаблона, поэтому их содержимое придётся добавить заново.
  • Заголовки страниц и фоновые изображения. В новом шаблоне они сбрасываются, поэтому их нужно добавить снова.
  • Пользовательский CSS. Он принадлежит тому шаблону, для которого был написан. Редактор CSS в новом шаблоне пуст, поэтому перед сменой сохраните копию старого CSS.

У некоторых шаблонов есть функции, которых нет у других. Например, информационные страницы Aviator не переносятся ни в другие шаблоны 7.0, ни в 7.1.

Как «сменить шаблон» в Squarespace 7.1

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

  1. Откройте панель стилей сайта и сначала измените шрифты и цветовую палитру. Уже одно это заметно меняет облик всего сайта.
  2. Подстройте отступы и стили кнопок под новый вид.
  3. Переработайте секции страниц. Замените макеты секций, поменяйте их порядок или соберите главную страницу из другой комбинации секций.
  4. Обновите макет шапки и футера.
  5. Перед публикацией проверьте каждую страницу на телефоне.

Если нужна совершенно другая исходная структура, в справочном центре Squarespace описана возможность переделать сайт или начать заново. Прочитайте эту страницу, прежде чем что-либо удалять, и держите текущий сайт опубликованным, пока новый не будет готов.

Переход с 7.0 на 7.1

Если у вас 7.0 и вы хотите получить общий набор функций 7.1, Squarespace предлагает инструмент обновления. Он переносит ваш контент в ближайшие аналоги 7.1 и старается сохранить похожий дизайн. Переход необязателен, и остановиться можно в любой момент до нажатия Publish update. После нажатия отменить изменение или вернуться на 7.0 нельзя. Считайте этот шаг односторонним и внимательно изучите предпросмотр.

Чек-лист перед сменой

Скопируйте его в заметки и отмечайте пункты перед публикацией:

`` [ ] Подтверждена версия (7.0 или 7.1) в панели Pages [ ] Пользовательский CSS сохранён в документ (7.0) [ ] Сделаны скриншоты боковой панели, футера и заголовка на каждой ключевой странице [ ] Сохранены фоновые изображения и файлы логотипа [ ] Просмотрен новый шаблон, проверены главная, о нас, контакты, блог, магазин [ ] Проверены все страницы на телефоне и планшете [ ] Заново добавлено содержимое футера, боковой панели и заголовка [ ] Перепроверены формы, кнопки и ссылки навигации [ ] Нажата Set as live template (7.0) или опубликованы правки стиля (7.1) [ ] Опубликованный сайт просмотрен в приватном окне браузера ``

Частые проблемы после смены

  • Всё выглядит проще. Это сброс стилей. Заново задайте шрифты, цвета и отступы в настройках стиля нового шаблона.
  • Пропал заголовок страницы или баннер. Добавьте его снова. Заголовки страниц не переносятся.
  • Ваши правки CSS перестали работать. Редактор CSS привязан к шаблону и сначала пуст, поэтому вставьте старый код и подправьте его: разметка нового шаблона может отличаться.
  • Вы пожалели о смене. На 7.0 вернитесь к старому шаблону: по словам Squarespace, он вернётся в том виде, в каком вы его оставили.

Когда одной смены шаблона недостаточно

Если вы постоянно упираетесь в ограничения шаблона, возможно, дело не в теме, а в самой платформе. Оцените варианты в обзоре альтернатив Squarespace, посмотрите, как платформа выглядит в сравнении, в статьях Wix vs Squarespace и Squarespace vs WordPress, и узнайте реальные расходы в материале сколько стоит сайт на Squarespace. Если хотите начать с нового набора дизайнов, бесплатный тариф We.Inc позволяет опубликовать до трёх сайтов на готовых шаблонах; ИИ-конструктор, который создаёт черновик сайта по описанию, доступен на тарифе Starter за $20 в месяц. Зарегистрироваться можно здесь.

Начать бесплатно · Банковская карта не нужна

Umair Ali Sadaqat

Основатель We.Inc

Умайр — основатель We.Inc. Он пишет о создании сайтов с помощью ИИ, агентствах и ведении бизнеса веб-студии.

Готовы создать что-то стоящее?

Присоединяйтесь к 15,000+ компаний, которые с We.Inc запускаются, растут и автоматизируют работу — всё на одной платформе.

Начать бесплатно

Банковская карта не нужна · Связаться с отделом продаж

По теме: Блог

Продукт

Для кого

Возможности

Ресурсы

Компания

Карта сайта