Страницы и переменные
Администрирование и управление контентом CMS Zeta Web выполняется в программе 1С: Предприятие.
Zeta Web 2.x
Основные инструменты доступны в панели управления сайтом, которую можно открыть из меню Zeta Web, кликнув на соответствующий пункт меню "Панель управления сайтом".
Zeta Web 3.x
Основные инструменты доступны по ссылке меню Инструменты Zeta Web →Панель управления "Контент".
Области, переменные, страницы
Разделение html-контента на области, страницы и переменные - условно.
Все контейнеры поддерживают хранение статического html-кода, контролов и вложенных контейнеров.
Переменная - это переиспользуемый контейнер, который может быть использован при верстке других переменных, областей и страниц.
Область - определяет контент в определенной части дизайна (шапка, подвал, левая и правая колонки).
Страница - определяет основной контент дизайна.
Добавление нового html-контейнера
Zeta Web 2.x
Для добавления нового html-контента перейдите на вкладку Наполнение сайта и затем на вкладку Страницы / Переменные.
Выберите нужную группу (области, переменные или страницы) и нажмите "Добавить".
Zeta Web 3.x
Перейдите на вкладку Основные и заполните поле Наименование. Вы можете указать в поле Имя в URL свое значение, в противном случае в это поле будет подставлено значение из поля Наименование переведенное в транслит.
Нажмите кнопку "Записать".
Значение поля Имя в URL должно быть уникальным.
В случае автоматической генерации - это правило соблюдается автоматически (к наименованию добавляется числовой суффикс).
Для областей и переменных - значение этого поля не влияет на формирование URL и не участвует в конечном html-коде страницы.
Для страниц - значение из этого поля будет участвовать в формировании адреса данной страницы.
Разграничение прав доступа к html-контейнеру
После записи вновь-созданного html-контейнера, вы можете настраивать доступность этого контейнера различным группам пользователей.
Для настройки прав перейдите на вкладку Доступ ролей. Установите флажок напротив тех ролей, которым должен быть доступен html-контент и нажмите кнопку Записать.
Для html-контейнера, который установлен в качестве значения области в дизайне сайта не действует настройка разграничения прав при просмотре страницы, но правила работают в штатном режиме, если данный контейнер расположен в другом html-контейнере.
Добавление контента
Zeta Web 2.x
Для добавления/изменения контента, нажмите на кнопку "Редактировать наполнение" или нажмите на окно предварительного просмотра html-контента.
В визуальном редакторе доступны следующие действия:
Ввод и редактирование текста;
Добавление / редактирование ссылки;
Добавление / редактирование изображения;;
Добавление вложенного html-контейнера
Добавление контрола.
В редакторе текста:
Ввод и форматирование текста.
Zeta Web 3.x
Для добавления/изменения контента, нажмите на кнопку "Редактировать".
Работа визуальном редакторе
Ввод и редактирование текста в визуальном редакторе
Начните вводить текст непосредственно в окне редактора. Форматировании текста вам доступны быстрые комбинации клавиш, таких как CTRL + B (жирный), CTRL + I (курсив), CTRL + U (подчеркнутый), CTRL + MouseScrol (увеличение / уменьшение размера текста) и т.д.
Мы не рекомендуем использовать визуальный редактор для полноценной верстки. С его помощью легко поправить опечатку или добавить картинку.
Более правильно для других задач использовать "Редактор текста".
Добавление / редактирование ссылки в визуальном редакторе
Вы можете добавить ссылку:
На внутреннюю страницу;
На внешнюю страницу;
- Добавление перетаскиванием:
Перейдите не вкладку HTML Элементы и перетащите элемент Ссылка в окно визуального редактора.
В открывшемся окне выберите адрес назначения нажав на "...":
Строка - добавление ссылки на внешний ресурс, например, https://google.ru;
Картинка (Zeta Web) - добавление ссылки на скачивание файла;
Страницы / переменные (Zeta Web) - добавление ссылки на внутреннюю страницу.
Также, укажите текст / пиктограмму для ссылки в поле Картинка / текст нажав на "...":
Строка - строковое представление ссылки;
Картинка (Zeta Web) - ссылка в виде изображения.
Значение полей Подсказка, Класс и Targe добавится в атрибуты title, class и target соответственно для тега <a>.
- Быстрое добавление:
Выделите текст, который необходимо преобразовать в ссылку и нажмите на значок Ссылка в верхнем меню редактора. В результате откроется окно добавления новой ссылки с заполненным полем Картинка / текст
- Быстрое удаление:
Установите курсор мыши на ссылке и нажмите на значок "Удалить ссылку" в верхнем меню редактора.
- Редактирование ссылки:
Установите курсор мыши на ссылке и нажмите значок Редактировать в верхнем меню редактора. В результате откроется окно редактирования ссылки.
Пример сгенерированного html-кода:
Атрибут zw является служебным атрибутом и будет убран из сгенерированного html-кода страницы в процессе ее обработки.
Добавление / редактирование изображения в визуальном редакторе
- Добавление:
- Редактирование:
Выделите изображение курсором мыши и нажмите значок Редактировать в верхнем меню редактора. В результате откроется окно редактирования изображения.
Пример сгенерированного html-кода:
Атрибут zw является служебным атрибутом и будет убран из сгенерированного html-кода страницы в процессе ее обработки.
Добавление вложенного html-контейнера в визуальном редакторе
Перейдите не вкладку Переменные и перетащите элемент Ссылка в окно визуального редактора.
Избегайте использование html-контейнера в самом себе (зацикливание).
При изменении html-контента в переменной header-logo изменение текущего html-контейнера не требуется.
Пример сгенерированного html-кода:
Все содержимое тега div с атрибутом zw, а также сам тег div будет заменен на значение html-контента использованного html-контейнера в сгенерированном html-коде страницы в процессе ее обработки.
Добавление контрола в визуальном редакторе
- Добавление перетаскиванием:
Перейдите не вкладку Шабл. контр., выберите нужный контрол и перетащите его в окно визуального редактора.
В результате, откроется окно настройки параметров контрола.
У каждого контрола индивидуальный набор параметров.
Параметры бывают обязательные (отмечены галочкой) и общие (например, размер станицы выводимых контролом данных).
- Редактирование параметров контрола:
Выделите пиктограмму контрола курсором мыши и нажмите значок Редактировать в верхнем меню редактора. В результате откроется окно редактирования параметров контрола.
Пример кода:
Тэг img с атрибутом zw будет заменен на тег div с набором служебных атрибутов (cp_...), содержимое которого будет сгенерировано в соответствии с указанным в параметрах шаблона.
Ввод и форматирование текста в редакторе текста
Zeta Web 2.x
В редакторе текста вы можете набирать html-код как вручную, так и вставив его из любого внешнего редактора.
Zeta Web 3.x
Для форматирования текста нажмите кнопку Форматировать в верхнем меню редактора.
Переопределение дизайна для конкретной страницы
Если на сайте требуется сверстать страницу в новом дизайне, например, страницу-лендинг, вы можете воспользоваться опцией переопределения дизайна для конкретной страницы.
Zeta Web 2.x
Для этого на вкладке Основные установите нужный дизайн в поле Дизайн и нажмите кнопку Записать.
Zeta Web 3.x
На вкладке Разобрать установите нужный дизайн в поле Дизайн и нажмите кнопку Записать.
См более подробную информацию о дизайне.
Переопределение содержимого области дизайна для конкретной страницы
Для каждой страницы можно переопределить значение области дизайна, например, шапки, а также, очистить значение области. Для этого в дереве отображения значений областей измените / очистите значение html-контейнера и/или стиль.
Last updated