Як змінити шаблон 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

Відкрийте панель Design і натисніть Template.
Натисніть Install new template і виберіть шаблон кнопкою Start with.
Новий шаблон з'явиться в панелі Template під вашим активним шаблоном. Відвідувачі й надалі бачать старий.
Наведіть на нього курсор і натисніть Preview. Перегляньте свої сторінки й занотуйте, що виглядає неправильно.
Не сподобалось? Натисніть Cancel preview на нижній панелі, і ви повернетеся до активного шаблону.
Сподобалось? Натисніть Set as live template на нижній панелі та підтвердьте.
Відновіть елементи, які скинулися (див. наступний розділ), а потім перевірте кожну сторінку на мобільному.

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

Що переноситься у 7.0, а що ні

Squarespace повідомляє, що більшість контенту під час зміни залишається недоторканою. Ось що не переноситься:

Налаштування стилю. Шрифти, кольори, відступи та інші стилі повертаються до значень нового шаблону за замовчуванням.
Бічні панелі та футери. Вони унікальні для кожного шаблону, тож їхній вміст доведеться додати знову.
Заголовки сторінок і фонові зображення. У новому шаблоні вони скидаються, тому їх потрібно додати заново.
Власний CSS. Він належить тому шаблону, для якого був написаний. Редактор CSS у новому шаблоні порожній, тому перед зміною збережіть копію старого CSS.

Деякі шаблони мають функції, яких немає в інших. Наприклад, інформаційні сторінки Aviator не переносяться ні в інші шаблони 7.0, ні в 7.1.

Як «змінити шаблон» у Squarespace 7.1

Оскільки перемикача шаблонів немає, аналогом стає редизайн у межах того самого сайту:

Відкрийте панель стилів сайту й спершу змініть шрифти та палітру кольорів. Лише це вже суттєво змінить відчуття від усього сайту.
Підлаштуйте відступи та стилі кнопок під новий вигляд.
Перепрацюйте секції сторінок. Замініть макети секцій, змініть їхній порядок або зберіть головну сторінку з іншої комбінації секцій.
Оновіть макет шапки та футера.
Перегляньте кожну сторінку на телефоні перед публікацією.

Якщо потрібна зовсім інша початкова структура, у довідковому центрі 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 дозволяє опублікувати до трьох сайтів на основі готових шаблонів; AI-конструктор, який створює чернетку сайту за запитом, доступний із тарифу Starter за $20 на місяць. Зареєструватися можна тут.

Почати безкоштовно · Банківська картка не потрібна

Umair Ali Sadaqat

Засновник We.Inc

Умайр — засновник We.Inc. Він пише про створення сайтів за допомогою ШІ, агенції та ведення бізнесу вебстудії.

Готові створити щось вартісне?

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

Почати безкоштовно

Банківська картка не потрібна · Зв'язатися з відділом продажів