Превью сайта в редакторе

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

Как открыть редактор и панель «Страницы» — в Главное меню редактора и Панель «Страницы».

[изображение: превью страницы справа, над ним панель с кнопкой «Редактировать», названием страницы и переключателем «Десктоп / Мобильный»]

Что показывает превью

Превью загружает реальный адрес сайта (ваш-id.photosquare.ru или подключённый домен). Отображается та же вёрстка, стили и контент, что у посетителей — с учётом выбранной страницы.

Какую страницу показать, задаётся в панели Страницы слева: щелчок по странице или блогу обновляет превью. При первом входе обычно открывается главная страница.

Панель над превью

Над областью с превью сайта — панель инструментов. В центре — название текущей страницы и статус публикации. Для записи блога отображается название публикации и её статус.

Основные элементы:

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

Кнопка Редактировать активна после загрузки превью. Если страница ещё не прогрузилась, подождите секунду — кнопка станет доступной.

Просмотр без редактирования

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

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

Полноэкранный просмотр скрывает левую панель и панель инструментов, чтобы видеть сайт целиком. Чтобы вернуться, нажмите кнопку сворачивания в углу превью.

Режим редактирования

Нажмите Редактировать — превью развернётся на весь экран, левая панель редактора скроется. На странице появятся элементы управления секциями: добавление, перестановка, настройки блоков.

В этом режиме вы:

1. редактируете секции и блоки — см. Что такое секции и Добавление контента на сайт с помощью блоков;
2. можете открыть шапку сайта для правки меню и логотипа;
3. переключаете Десктоп / Мобильный, чтобы проверить раскладку на узком экране — подробнее в Как блоки располагаются на мобильных устройствах.

Если на иконке мобильного вида появилась синяя точка, есть блоки, мобильную раскладку которых ещё не просматривали в этом сеансе редактирования.

Сохранение и выход

В режиме редактирования кнопка Редактировать меняется на Сохранить, рядом появляется Выйти.

1. Сохранить — записывает изменения на странице (секции, блоки, правки в превью). Кнопка активна только если есть несохранённые правки; если изменений нет, она не нажимается.
2. Выйти — выключить режим редактирования и вернуть обычное превью с левой панелью.

Если есть несохранённые изменения и вы нажимаете Выйти, появится вопрос: сохранить или выйти без сохранения. То же предупреждение может показаться при попытке закрыть вкладку браузера во время редактирования.

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

Блоги и записи

Щелчок по блогу в панели «Страницы» открывает превью ленты блога. Отдельная запись (пост) тоже может отображаться в превью — в панели инструментов будет её название и тип «Запись блога».

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