Страницы сайта

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

Страница в VT-CMF — это не файл и не HTML-код. Это запись в дереве сайта: у неё есть свойства (название, адрес, доступ) и список компонентов — блоков содержимого. Поэтому правка состоит из двух движений: меняем свойства страницы и меняем её компоненты, а затем сохраняем страницу целиком.

Что нужно знать перед началом

• Страница (рубрика) — запись в дереве сайта. На сайте ей соответствует адрес вида /company или /page/rubrics-304.
• Раздел — та же страница, у которой есть вложенные страницы. Глубина вложенности не ограничена: раздел → подраздел → страница.
• Компонент — блок содержимого внутри страницы: текст, колонки, фотогалерея, форма, список публикаций. Текст страницы — это стопка компонентов, а не один большой документ.
• ЧПУ — «человекопонятный URL»: адрес страницы на сайте.

Войдите в админку

Адрес входа — тот же домен, что у сайта, путь /login. Войти можно по e-mail, по телефону или по логину — переключатель над полями. Введите e-mail и пароль, нажмите «Войти».

После входа откроется панель управления. Если вы оказались на главной странице сайта — перейдите в админку по адресу /Admin/AdminPage.

Откройте «Структура (страницы)»

В левом меню админки, группа «Контент», пункт «Структура (страницы)». Это единственное место, где живёт дерево всех страниц сайта.

Разберитесь в строке списка

Каждая строка дерева — одна страница. Прежде чем что-то менять, научитесь читать строку: здесь же находятся все быстрые действия.

Отредактируйте свойства страницы

Нажмите карандаш у нужной страницы. Форма состоит из двух колонок: слева - название и содержимое, справа - настройки показа.

Проверьте показ, доступ и сортировку

Правая колонка отвечает за то, кто и где увидит страницу.

Отредактируйте текст

Вкладка «Текст» — это не поле ввода, а список компонентов. У каждого компонента свой набор кнопок: добавить рядом, редактировать, удалить и переместить.

Порядок компонентов = порядок блоков на странице. Стрелки вверх-вниз меняют местами соседние блоки, поэтому «перенести абзац выше» делается стрелкой, а не копированием текста.

Отредактируйте компонент

Нажмите карандаш у компонента с текстом — откроется окно с визуальным редактором.

• Панель сверху — обычное форматирование: стиль абзаца, жирный, курсив, списки, ссылка, картинка, таблица.
• «Кто может видеть» — доступ к этому конкретному блоку, если он должен быть скрыт от части посетителей.
• «Пресет компонента», «Класс компонента», «Стили компонента» — оформление. Без навыка лучше не трогать: легко сломать вид блока.
• Кнопка «HTML-редактор» открывает разметку — нужна, только если правите готовый HTML.

Вставьте новый компонент

Кнопка «плюс» у любого компонента открывает галерею блоков.

• 1. Тексты — «Стилизованный текст» (обычный текстовый блок), «Колонки с текстом», «Текст с боковым блоком», «Раскрывающийся текст».
• 2. Фото, видео — фотогалерея, карусель, слайдер, видео-ролик, гео-карта.
• 3. Модули — форма обратной связи, документы, вопросы и ответы, голосование.
• 4. Навигация — список публикаций, карта сайта, список подразделов.
• 5. Служебные — инфо-блок и секция HTML-кода.

Для нового абзаца выбирайте «Стилизованный текст»: он даёт ровно то, что нужно в 90% случаев.

Сохраните и проверьте результат

Кнопки внизу формы:

• Сохранить — записывает страницу и открывает её на сайте, чтобы вы сразу увидели результат.
• Просмотр — показывает черновик в отдельном окне, не публикуя правки. Удобно, когда страница ещё не готова.
• Прикреплённые файлы — файлы, доступные для скачивания со страницы.

После сохранения вернитесь в «Структуру (страницы)» и убедитесь, что страница на месте и стоит там, где вы ожидали.

Заполните SEO-параметры

Вкладка «SEO-параметры» — то, что видит поисковик и соцсети. Заголовок и описание обычно формируются автоматически, но для важных страниц их стоит написать вручную.

• Заголовок (Meta Title) — 50–60 символов, без «нажмите здесь».
• Описание (Meta Description) — 140–160 символов, одно предложение о содержании страницы.
• Ключевые слова — современные поисковики их не учитывают, заполнять не обязательно.

Добавьте страницу или подраздел

Два пути к одному и тому же диалогу:

• Подраздел — плюс в строке родительской страницы. Новая страница сразу окажется внутри неё.
• Страница верхнего уровня — кнопка добавления в панели над списком. Родителем будет «Корневой раздел», его можно поменять в форме.

• Страница сайта — обычная страница с текстом. Выбирайте этот вариант.
• Переход на другую страницу — пункт дерева, который ведёт на уже существующую страницу (второй вход в тот же раздел).
• Внешняя ссылка — пункт меню, ведущий на другой сайт.

Заполните три поля — «Раздел», «Полное название страницы», «Адрес страницы (ЧПУ)» — и нажмите «Сохранить». Название для меню можно оставить пустым: оно подставится из полного названия.

Новая страница по умолчанию пустая. Дальше — вкладка «Текст», плюс, «Стилизованный текст»: так на странице появляется первый абзац.

Панель на странице сайта

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

Что в панели:

• Редактировать (F9) — открывает полную форму страницы, ту же, что в админке.
• Добавить подстраницу (Shift/F9) — создаёт вложенную страницу.
• Удалить — удаление страницы (если внутри нет подстраниц).
• Добавить публикацию на эту страницу — создаёт публикацию, сразу привязанную к этой странице. Удобно, когда материал пишется «по месту».
• Быстрые поля — показывать на сайте и в меню, раздел сайта, ЧПУ, шаблон, уровень доступа, сортировка и SEO-настройки.

Превью и аннотация страницы

Превью — небольшая картинка, которую показывают списки подчинённых страниц, карта сайта, результаты поиска и превью ссылки в соцсетях. Аннотация — короткий текст для тех же мест.

• Изменить — загрузить или заменить картинку превью (крестик рядом удаляет её).
• Аннотация (показывается в списках) — один-два абзаца обычным текстом. Не путайте с текстом страницы: на самой странице аннотация не выводится.

Порядок в меню: сортировка

Порядок страниц задаёт поле «Сортировка» — целое число:

• новая страница получает код 500;
• страницы с одинаковым кодом сортируются по алфавиту;
• меняйте код с шагом 100 (100, 200, 300…), чтобы потом вставить страницу между двумя соседними, не переписывая их коды.

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

Ограничения дерева страниц

• Максимальная глубина — 7 уровней.
• Под одной родительской страницей не рекомендуется создавать больше 10 дочерних: длинное меню неудобно читать.
• Удаление страницы, у которой есть подстраницы, заблокировано: сначала удалите вложенные или перенесите их в другой раздел (поле «Раздел сайта»).

Верните предыдущую версию

В верхней части формы есть строка «[Id] История» — от кем и когда создана и изменена страница, и ссылка в журнал («Протокол посещений»).

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

Частые ошибки

1. Поправил текст, а на сайте старое. Не нажали «Сохранить» на форме страницы после сохранения компонента.
2. Страница пропала из меню. Снят флажок «в меню» — верните его в списке страниц или в правой колонке формы.
3. Страницу не видно посетителям. В поле «Доступность» стоит уровень выше «Гостя».
4. Не удаляется раздел. Внутри есть подстраницы: удалите или перенесите их, затем удалите раздел.
5. Правка не сохраняется, страница ругается. Не заполнено обязательное поле: форма подсвечивает его красным, а «Просмотр» показывает «Не все поля заполнены!».
6. Поехал внешний вид блока. Задеты «Класс компонента» или «Стили компонента» — очистите их и сохраните компонент заново.
7. Страница открывается по странному адресу /page/.... Пустое поле ЧПУ: впишите нормальный адрес.

Чек-лист перед публикацией

• ☐ Название и «Название для меню» актуальны, пункт меню короткий.
• ☐ ЧПУ заполнено и выглядит как адрес, а не как /page/123.
• ☐ Текст вычитан; в компонентах нет остатков «рыбы» и служебных заметок.
• ☐ Флажки «в структуре» и «в меню» стоят так, как задумано.
• ☐ «Доступность» — «Гость», если страница для всех.
• ☐ Заголовок и описание SEO заполнены.
• ☐ Нажата кнопка «Сохранить» на форме страницы, результат проверен на сайте.

Если что-то пошло не так

• Нужно вернуть прежний текст — откройте «Журнал изменений» (/admin/protocol): там видно, кто и когда менял страницу.
• Кто-то другой правит ту же страницу — не сохраняйте одновременно: последний сохранивший затрёт правки предыдущего.
• Сломался блок или страница целиком — не пытайтесь «дочинить» HTML вручную: напишите администратору сайта и укажите адрес страницы и время правки.

Словарик