Как выбрать шаблон

Каталог шаблонов Photosquare — это готовые стартовые точки для сайта: структура страниц, секции, демо-тексты и оформление. Какой бы дизайн вы ни выбрали, после создания сайта у вас будут те же возможности редактора: те же блоки, секции из каталога, стили сайта, шапка и настройки страниц.

Эта статья поможет выбрать шаблон до создания сайта и понять, на что смотреть в демо, а что можно будет изменить позже.

Совет: выбор шаблона — не финальное решение по дизайну. Шрифты, цвета и кнопки настраиваются в разделе Стили после создания сайта. Подробнее о первых шагах в редакторе — в статье Создание первого сайта.

[изображение] Каталог шаблонов на главном сайте Photosquare: сетка карточек с превью и названиями.

Где открыть каталог шаблонов

Попасть в каталог можно двумя способами:

1. с главного сайта Photosquare — раздел Шаблоны (photosquare.ru/templates);
2. из аккаунта — панель Вебсайты → кнопка Создать сайт (откроется тот же каталог).

Для создания сайта из шаблона нужен аккаунт Photosquare. Если вы ещё не зарегистрированы, система предложит войти или зарегистрироваться при нажатии Начать с этим дизайном.

Просмотрите демо-шаблоны

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

Каталог шаблонов

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

[изображение] Карточки шаблонов в каталоге с превью и заголовком.

Страница шаблона

На странице отдельного шаблона вы увидите:

1. превью в окне браузера — демо-сайт загружается во встроенном фрейме, можно прокручивать страницы и смотреть меню;
2. название и описание шаблона;
3. кнопку Начать с этим дизайном — создаёт ваш сайт на основе этого шаблона;
4. ссылку Посмотреть демо-сайт — открывает демо в новой вкладке на полный экран.

Демо-сайт шаблона доступен по адресу вида идентификатор-шаблона.photosquare.ru. Это тот же шаблон, что получит ваш новый сайт — с демо-страницами и примерным контентом.

[изображение] Страница шаблона: превью слева, название, описание и кнопка «Начать с этим дизайном» справа.

Примечание: демо-тексты и фотографии в шаблоне — примеры. После создания сайта их нужно заменить своими. Что именно менять в первую очередь — в статье Демо-контент на новом сайте.

На что смотреть при выборе

Не ориентируйтесь только на тематику демо (свадьба, ресторан, портфолио фотографа). Один и тот же шаблон можно адаптировать под другую задачу — важнее каркас: какие страницы уже есть, как устроены секции, как выглядит навигация и типографика.

Сравните структуру, а не только картинки

При просмотре демо обратите внимание на:

1. главную страницу — есть ли крупный первый экран (hero), блоки услуг, галерея, отзывы, контакты;
2. меню — сколько пунктов, есть ли выпадающие разделы, подходит ли логика навигации под ваш сайт;
3. внутренние страницы — «О нас», «Услуги», «Портфолио», «Контакты», блог (если нужен);
4. галереи и сетки изображений — если вы фотограф или визуальный специалист, оцените, как показаны работы;
5. мобильный вид — откройте демо на телефоне или сузьте окно браузера: меню, отступы, читаемость текста.

Шаблон с блоком «Свадьба» в демо можно использовать для корпоративного мероприятия, презентации продукта или личного бренда — достаточно заменить тексты, фото и пункты меню.

[изображение] Сравнение двух демо-шаблонов: разная структура главной, похожие возможности редактора.

Один редактор — любой шаблон

Все шаблоны Photosquare работают на одной платформе. После создания сайта вам доступны:

1. добавление и удаление страниц (страница, блог, папка, ссылка);
2. секции из каталога и пустые секции с блоками;
3. глобальные стили сайта: шрифты, цвета, кнопки, отступы;
4. настройка шапки: логотип, меню, соцсети, кнопка действия;
5. отдельное оформление каждой секции (фон, цветовая тема, разделитель).

То есть шаблон задаёт удобную отправную точку, а не жёстко фиксирует внешний вид навсегда.

Совет: выбирайте шаблон, который уже близок к желаемой структуре — так меньше переделок на старте. Если нужна только минимальная основа, возьмите шаблон с простой главной и дополните страницы из каталога секций.

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

После нажатия Начать с этим дизайном откроется редактор вашего сайта (ваш-сайт.photosquare.ru/config). Сайт создаётся на пробном периоде (14 дней) — подробнее в Пробный период.

Типичный порядок настройки:

1. Замените демо-контент — тексты, изображения, контакты (Демо-контент на новом сайте).
2. Настройте стили сайта — шрифты и цвета в разделе Стили (Стили сайта: обзор).
3. Отредактируйте шапку — логотип, меню, кнопка (Настройка шапки сайта).
4. Добавьте или уберите страницы в панели Страницы (Страницы сайта).
5. Измените секции — добавьте блоки, замените секции из каталога, настройте галереи (Каталог секций).

Отдельные секции могут использовать свою цветовую тему — это удобно для контрастных блоков на одной странице без смены глобальной палитры.

[изображение] Редактор после создания сайта из шаблона: демо-контент на превью, панель «Стили» справа.

Если шаблон не подошёл

Если после работы в редакторе структура шаблона всё равно не устраивает, можно:

1. сильно перестроить текущий сайт — удалить лишние демо-страницы, добавить новые секции и страницы (часто быстрее, чем кажется);
2. создать новый сайт из другого шаблона в аккаунте — в панели Вебсайты → Создать сайт и выбрать другой дизайн.

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

Начните с выбранного шаблона

Когда определились с дизайном:

1. Откройте страницу шаблона в каталоге.
2. Ещё раз просмотрите демо в превью или в отдельной вкладке.
3. Нажмите Начать с этим дизайном.
4. Войдите в аккаунт или зарегистрируйтесь, если система запросит авторизацию.
5. Дождитесь создания сайта — откроется редактор.

Дальше следуйте пошаговому руководству Создание первого сайта: структура, контент, стили и подготовка к публикации.

[изображение] Кнопка «Начать с этим дизайном» на странице шаблона.