Создание и оформление страниц

В Pedanto CMS функционалом предусмотрен модуль позволяющий создавать отдельные страницы сайта, будь это страница контактов, или страница с описанием работы служб доставки в магазине. Страница может быть как статичной и использовать только контент созданный через визуальный редактор, так и интерактивной с использованием подключаемых панелей, которые позволяют выводить какие-либо данные из базы данных или добавляют интерактивные формы, такие как форма обратной связи.

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

Для того чтобы отредактировать либо создать страницу, нужно перейти в панель администратора Контент -> Страницы. Здесь отображен список всех страниц созданных на сайте, кроме тех которые являются частью функционала движка (Страницы магазина, Корзина, Новости и т.п.).

Создание страницы в Pedanto CMS

Интерфейс создания страницы такой же как и интерфейс редактирования поэтому мы рассмотрим только процесс создания страницы. Для этого следует нажать на кнопку Добавить в панели администратора в категории списка страниц.

На открывшейся странице Вам будет доступна форма с несколькими полями:

  • Название страницы
    Название страницы которое будет отображено в ее верхней части являясь при этом h1 тегом (но только в случаи если в параметрах отображения будет установлен пункт Показать заголовок).
  • FontAwesome
    Позволяет выводить иконку рядом с заголовком страницы, тем самым улучшая визуальное восприятие ее содержимого. Например на странице контактов можно использовать иконку телефона или карты. Код иконки можно получить по ссылке в заголовке, вставлять необходимо только ее класс как показано в шаблоне, например fab fa-accessible-icon.
  • CSS class
    Иногда странице необходимо придать дополнительный стиль который заложен в шаблоне дизайна сайта если это предусмотрено. Именно в этом и помогает данное поле, но в большинстве случаев его следует оставлять пустым.
  • Содержимое страницы
    Основной контент страницы, оформить который можно при помощи одного из визуальных редакторов. Визуальных редакторов предусмотрено 2, простой и продвинутый. Первый загружает все изображения на сервер автоматически, но имеет ограниченный функционал, второй работает через файловый менеджер и позволяет более детально обрабатывать HTML верстку. Переключение между ними происходит через нажатие кнопки смены редактора в верхней правой части блока.

Хлебные крошки

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

Рассмотрим пример хлебных крошек

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

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

Если в параметрах отображения указать Показывать хлебные крошки но при этом не заполнять поля хлебных крошек, то они будут состоять из двух значений: Главная / Самовывоз где последнее значение это название текущей страницы (Самовывоз - это пример).

SEO настройки

Используются как правило SEO специалистами и не являются обязательными к заполнению простым пользователям

  • Заголовок title
    Полностью заменяет meta-тег title в коде страницы. Если его не заполнить то в качестве заголовка будет использовано название страницы.
  • Мета Тег Description
    Используется для заполнения мета тега Description, имеет ограничение на длину вводимых символов. Этот текст в дальнейшем отображается в поисковых системах в качестве описания ссылки ведущей на эту страницу.

А также

  • Подключение HTML
    Опция позволяющая подключать файловые страницы в которых заранее прописан php код и верстка из специальной папки на сервере. При этом содержимое визуального редактора (если есть) будет отображено в верхней ее части. Эти страницы разрабатываются индивидуально. Например на pedanto.com такой страницей является калькулятор расчета стоимости сайта.
  • Параметры отображения
    Показывать заголовок - Отображает заголовок страницы обернутый в тег H1. Если не включать заголовок здесь, то в контенте следует создать собственный заголовок и обернуть его в тег H1, так как с точки зрения SEO на странице всегда должен быть один H1 тег.
    LazyLoad - Если на странице содержится множество изображений которые при всем при этом могут быть плохо оптимизированы, в таком случаи страница будет потреблять много трафика, особенно это критично для мобильных пользователей. Поэтому для экономии трафика, лучше всего включать эту опцию. При включении LazyLoad изображения будут загружаться только по мере прокрутки страницы пользователем и если он не захочет дочитывать статью до конца, то он сэкономит трафик своего интернета.
    Показывать хлебные крошки - Включает отображение хлебных крошек в верхней части страницы.
  • ЧПУ (SEF url)
    Позволяет указать часть URL ссылки страницы например такую https://sitename.com/prostoj-vizualnyj-redaktor-dlya-sajta.html, заполнять нужно латиницей заменяя пробелы знаком "-". Если оставить поле пустым, то название ссылки будет создано автоматически с использованием заголовка. Если страница с таим названием уже существует, то к URL будет присвоен идентификатор страницы (например: https://sitename.com/prostoj-vizualnyj-redaktor-dlya-sajta-92.html).

Как выглядит готовая страница сайта на базе Pedanto CMS

  • Для того чтобы сохранить созданную или измененную публикацию, нажмите на кнопку Сохранить изменения в нижней части страницы.
  • Все страницы сайтов на Pedanto CMS заканчиваются на .html
  • При создании страницы также создается идентификатор в базе данных, позволяющий привязывать к ней панели.