Страницы, проекты и фотографии

Для страниц «Услуги», «О компании», «Контакты» и подробных описаний предложений Slate использует страницы Webasyst. Они могут содержать обычный текст с изображениями или готовые блоки темы. Главное отличие от главной: каждая такая страница имеет собственный адрес и содержание.

Создайте или откройте страницу

В приложении «Сайт» выберите нужный сайт и откройте его страницы. Задайте название, адрес и содержание. Если страница относится к витрине магазина, её обычно создают в «Магазин → Витрина → Страницы». Выбирайте приложение по тому, в какой части сайта должна жить страница.

Название страницы используется в навигации и в стандартном заголовке (H1) над её текстом. SEO-заголовок и описание задаются отдельно в свойствах страницы: заголовок относится к вкладке браузера и поисковому результату. Если страница собрана из блоков и первым стоит «Первый экран» со своим крупным заголовком, впишите в «Дополнительные параметры» страницы hide_title=1 — иначе заголовков будет два: сама тема стандартный заголовок не убирает. Например, короткое название «Доставка» подходит для меню, а SEO-заголовок можно уточнить названием магазина.

Для многоуровневого раздела создайте родительскую страницу и подстраницы. Например, «Услуги» объединяет «Дизайн», «Ремонт» и «Авторский надзор». После изменения адресов проверьте ранее заданные ссылки в кнопках, меню и текстах: произвольные ссылки не исправляются автоматически вслед за переносом страницы.

Как редактировать готовую страницу конфигурации

Откройте страницу в редакторе и сначала определите, как устроено её содержание. Обычный текст можно менять привычным способом. Страница из блоков содержит подготовленные вставки темы в режиме HTML. Это не отдельный визуальный конструктор с перетаскиванием блоков внутри редактора.

Страница из блоков — во всю ширину

Достаточно одной вставки блока в тексте, чтобы страница стала страницей из блоков. Она выводится во всю ширину экрана, текст между вставками — обычной колонкой посередине. У такой страницы нет боковой колонки с навигацией, кнопок подстраниц над текстом и реквизитов организации: это части обычной текстовой страницы, и настройки «Навигации страниц» на неё не действуют. Если странице нужна боковая навигация или список подстраниц, оставьте её обычным текстом без вставок; на подстраницы со страницы из блоков ведите ссылками, например кнопками блока «Призыв» или ссылками в «Карточках».

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

Блоки страницы могут получать содержание из настроек главной либо иметь собственные значения прямо в странице. Поэтому одноимённый раздел «Главная страница» не обязательно управляет карточками выбранной услуги. В конфигурации проверяйте фактический результат после изменения, а не только совпадение названий.

Настройте навигацию

В панели темы откройте «Страницы → Навигация страниц». В списке «Что показывать в сайдбаре» перетаскиванием задаётся порядок боковой колонки текстовых страниц и включаются её элементы: навигация, теги товаров и медиа-баннер. Теги и баннер доступны при установленном «Магазине», пустые элементы скрываются. У страницы, собранной из блоков, колонки нет вовсе (см. «Страница из блоков — во всю ширину» выше).

«Боковая навигация» выбирает источник списка страниц или выключает его: подстраницы и соседние страницы, страницы сайта, страницы магазина, меню приложения «Управление меню» по номеру или приложения сайта. Поля «Показывать только» и «Исключить» принимают номера страниц или пунктов через запятую. Здесь же включается «Показывать подстраницы над текстом».

Это настройка навигации страницы. Она не заменяет меню шапки, которое управляется отдельно. Как связать разделы меню, описано в статье о шапке и подвале.

Проекты и записи блога

Проекты — записи отдельного блога, например «Проекты», в приложении «Блог». Блог выбирается в «Главная страница → Проекты → Блог с проектами»; страница этого блога выводит записи карточками проектов, как на главной, а сами записи открываются видом «Проект»: параметры плашками и галерея фотографий. Дата, автор и время чтения у проекта показываются по тем же настройкам «Запись блога», что у других записей. Записи остальных блогов показываются видом, выбранным в «Приложения и плагины → Приложение Блог» в поле «Страница записи». Какой вид у страницы, решает только выбранный блог — не то, какие записи на ней оказались.

Фотографии проекта берутся из альбома, прикреплённого к записи. Площадь, срок, бюджет и другие сведения заполняются дополнительными параметрами записи; какие из них выводить и с какими подписями, задаётся списком «Параметры на карточке» в том же разделе «Проекты». Тот же список используется в карточках на главной.

Для остальных блогов в «Приложения и плагины → Приложение Блог» отдельно задаются «Вид ленты» и «Вид страницы записи»: колонка слева, справа, над содержимым либо без неё. Её состав настраивается там же; пустые виджеты не выводятся. «Лентой на телефоне» располагает карточки записей в одну горизонтальную строку на узком экране. Длинная лента, включая проекты, использует общий способ листания списков.

Фотографии и альбомы

Альбомы и снимки ведутся в приложении «Фото», тема их только показывает. Вид списка альбомов и сетки фотографий выбирается в «Приложения и плагины → Приложение Фото»: в «Выводе альбомов» — вид карточек, сколько в ряд, название, описание, число фотографий и пропорции обложки; в «Выводе фотографий» — сколько снимков в ряд, подписи (название, описание, размер файла, дата загрузки) и пропорции.

В аккордеоне «Главная страница» того же раздела задаются заголовок главной «Фото», показ альбомов и фотографий и заголовок перед фотографиями. Если на одном Webasyst несколько сайтов, выберите «Альбом этого сайта»: главная «Фото», блок альбомов и лента снимков покажут только альбомы внутри выбранного и их фотографии. Пустое поле — все альбомы установки.

Как листается длинный список фотографий (как и лента блога и товары каталога), задаётся одной настройкой «Общие настройки → Основные настройки → Как листать списки»: номера страниц, кнопка «Показать ещё» или подгрузка при прокрутке.

Если у альбома есть вложенные альбомы, они выводятся под его заголовком. Альбом без собственной обложки использует первую фотографию; у пустого альбома — значок вместо сломанной картинки. Если своих фотографий нет, но есть вложенные альбомы, сообщение об отсутствии фотографий не занимает страницу.

Щелчок по плитке на странице альбома, в общей ленте, в результатах поиска и в блоке «Фотографии» на главной открывает снимок крупно в окне просмотра поверх страницы. Фотографии листаются кнопками, стрелками клавиатуры или свайпом на телефоне; окно закрывается крестиком, клавишей Escape или щелчком мимо снимка. Отдельная страница фотографии при этом сохраняется по своему адресу: на неё по-прежнему ведут поиск и прямые ссылки.

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

Проверьте страницу перед публикацией

Откройте её адрес напрямую, пройдите к ней из меню и проверьте телефонную версию. У страницы должен быть ровно один основной заголовок (H1). Стандартный заголовок страницы убирает только параметр hide_title=1; заголовок блока становится H1, только если это указано у блока ("title_tag" => "h1", у «Первого экрана» — по умолчанию). Тема сама ничего не прячет и не повышает.

Убедитесь, что изображения соответствуют тексту, формы действительно открываются, а кнопка «Все услуги» ведёт к общему разделу. Содержание проектов и альбомов редактируется в «Блоге» и «Фото»; чем конфигурации отличаются друг от друга, объясняет обзор конфигураций.