Перейти к содержанию

Компоненты редактора страниц

Инструменты редактора страниц

Настройка области Заголовка

Для изменения области заголовка выполните следующие действия:

  1. Выделите область Заголовка.

  2. В разделе Свойства выберите шаблон баннера:

  3. Большой

Компоненты редактора страниц: иллюстрация 1

  • Средний

Компоненты редактора страниц: иллюстрация 2

  • Только заголовок

Компоненты редактора страниц: иллюстрация 3

  1. При необходимости примените параметры отображения фона

  2. По умолчанию

  3. Задать сплошной цвет

Компоненты редактора страниц: иллюстрация 4

  • Установить изображение

Компоненты редактора страниц: иллюстрация 5

Note

для шаблона баннера Только заголовок нельзя настроить фон или установить изображение.

  1. Чтобы скрыть текст и описание на баннере, снимите чекбоксы в настройках управления отображением текста.

Компоненты редактора страниц: иллюстрация 6

Note

у шаблона баннера Только заголовок нет описания.

  1. При необходимости задайте Выравнивание текста.

Компоненты редактора страниц: иллюстрация 7

  1. При необходимости измените цвет текста. Применяется к заголовку и к описанию.

Компоненты редактора страниц: иллюстрация 8

Добавление компонента Текст

Для добавления компонента Текст на страницу выполните следующие действия:

  1. Из раздела Компоненты перетащите веб-часть Текст на основную рабочую область.

Компоненты редактора страниц: иллюстрация 9

  1. Измените размер компонента, потянув за его край, или перейдите на вкладку Свойства и укажите нужное значение в параметре Ширина блока .

Компоненты редактора страниц: иллюстрация 10

  1. Введите текст руками в веб-часть или скопируйте из стороннего источника.
Note

При копировании сохраняются настройки форматирования из стороннего источника. В том числе доступно копирование изображений и размещение их в текстовом блоке.

  1. При необходимости примените стили для добавленного текста (тип шрифта, размер и т.д).

Компоненты редактора страниц: иллюстрация 11

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

Компоненты редактора страниц: иллюстрация 12

  1. Включите параметр Отображать сетку для понимания, какое расстояние будет занимать компонент и поместиться ли другие компоненты на этой строке.

Компоненты редактора страниц: иллюстрация 13

Добавление Таблицы

Для добавления Таблицы на страницу выполните следующие действия:

  1. Из раздела Компоненты перетащите веб-часть Текст на основную рабочую область.

Компоненты редактора страниц: иллюстрация 14

  1. Нажмите на иконку и выберите количество строк и столбцов для подготовки таблицы.

Компоненты редактора страниц: иллюстрация 15

  1. Отформатируйте таблицу и её содержимое. Чтобы открыть меню форматирования таблицы, кликните мышкой внутри ячейки.

Компоненты редактора страниц: иллюстрация 16

В первой строке контекстного меню располагаются инструменты работы с конкретной ячейкой таблицы:

  • Изменение цвета текста, фона ячейки и её границ.

Компоненты редактора страниц: иллюстрация 17

  • Расположение текста внутри ячейки.

Компоненты редактора страниц: иллюстрация 18

  • Разделение ячейки по вертикали или горизонтали.

Компоненты редактора страниц: иллюстрация 19

  • Выравнивание текста.

Компоненты редактора страниц: иллюстрация 20

Во второй строке контекстного меню располагаются инструменты работы со всей таблицей:

Компоненты редактора страниц: иллюстрация 21

  • Объединение ячеек.

  • Добавление столбца.

  • Добавление строки.

  • Удаление таблицы, строки, столбца или очищение ячейки

Добавление Гиперссылки

Для добавления Гиперссылки на сторонний ресурс или скачивание файла выполните следующие действия:

  1. Из раздела Компоненты перетащите веб-часть Текст на основную рабочую область.

Компоненты редактора страниц: иллюстрация 22

  1. Нажмите на иконку

  2. .

  3. В открывшемся окне заполните следующие данные:

  4. Адрес стороннего ресурса (URL).

  5. Название ссылки (Текст).

Компоненты редактора страниц: иллюстрация 23

Примечание 1 : Чтобы гиперссылка открывалась в другой вкладке браузера, выберите чекбокс Открыть ссылку в новой вкладке.

Примечание 2 : Чтобы заблокировать переход по гиперссылке, выберите чекбокс Атрибут nofollow .

Примечание 3 : Чтобы ссылка выводилась без подчеркивания, то в поле Class name добавьте класс noTextDecoration.

Добавление компонента Изображение

Для добавления компонента Изображение на страницу выполните следующие действия:

  1. Из раздела Компоненты перетащите веб-часть Изображение на основную рабочую область.

Компоненты редактора страниц: иллюстрация 24

  1. Измените размер компонента, потянув за его край, или перейдите на вкладку

Свойства и укажите нужное значение в параметре Ширина блока .

Компоненты редактора страниц: иллюстрация 25

  1. Нажмите Загрузите изображение для выбора изображения с вашего устройства или просто перетащите изображение в сам компонент Изображение .

Компоненты редактора страниц: иллюстрация 26

  1. При необходимости под компонентом добавьте подпись к изображению.

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

  3. Установить чекбокс в атрибуте Открывать в новой вкладке , если переход на ресурс из атрибута Ссылка должен быть выполнен в новой вкладке браузера.

Компоненты редактора страниц: иллюстрация 27

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

Компоненты редактора страниц: иллюстрация 28

  1. Включите параметр Отображать сетку для понимания, какое расстояние будет занимать компонент и поместиться ли другие компоненты на этой строке.

Компоненты редактора страниц: иллюстрация 29

Добавление компонента Список

Для добавления компонента Список на страницу выполните следующие действия:

  1. Из раздела Компоненты перетащите веб-часть Список на основную рабочую область.

Компоненты редактора страниц: иллюстрация 30

  1. Измените размер компонента, потянув его за край.
Note

Ширина компонента зафиксирована (12 колонок) и не может быть изменена.

Компоненты редактора страниц: иллюстрация 31

  1. Укажите список и представление, которые нужно вывести на странице в атрибутах Список и Представление .

Компоненты редактора страниц: иллюстрация 32

  1. Укажите количество элементов (5, 15 или 30), которые будут выводиться на странице, в атрибуте Размер .

Компоненты редактора страниц: иллюстрация 33

  1. Чтобы отображались команды для элементов списка, поставьте чекбокс Отображать панель команд .

  2. Чтобы пользователям была видана и доступна кнопка Показать все, поставьте чекбокс Показать кнопку «Показать все» .

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

Компоненты редактора страниц: иллюстрация 34

  1. Включите параметр Отображать сетку для понимания, какие расстояние будет занимать компонент и поместятся ли другие компоненты на этой строке.

Компоненты редактора страниц: иллюстрация 35

Добавление компонента Библиотека документов

Для добавления компонента Библиотека документов на страницу выполните следующие действия:

  1. Из раздела Компоненты перетащите веб-часть Библиотека документов на основную рабочую область.

Компоненты редактора страниц: иллюстрация 36

  1. Измените размер компонента, потянув его за край.
Note

Ширина компонента зафиксирована (12 колонок) и не может быть изменена.

Компоненты редактора страниц: иллюстрация 37

  1. Укажите Библиотеку и представление, которые нужно вывести на странице в атрибутах Библиотека документов и Представление .

Компоненты редактора страниц: иллюстрация 38

  1. Укажите количество элементов (5, 15 или 30), которые будут выводиться на странице, в атрибуте Размер .

Компоненты редактора страниц: иллюстрация 39

  1. Чтобы отображались команды для элементов библиотеки, поставьте чекбокс Отображать панель команд .

  2. Чтобы пользователям была видана и доступна кнопка Показать все, поставьте чекбокс Показать кнопку «Показать все» .

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

Компоненты редактора страниц: иллюстрация 40

  1. Включите параметр Отображать сетку для понимания, какие расстояние будет занимать компонент и поместятся ли другие компоненты на этой строке.

Компоненты редактора страниц: иллюстрация 41

Добавление компонента Быстрые ссылки

Для добавления компонента Быстрые ссылки на страницу выполните следующие действия:

  1. Из раздела Компоненты перетащите веб-часть Быстрые ссылки на основную рабочую область.

Примечание 1 : Ширина компонента зафиксирована (12 колонок) и не может быть изменена.

Примечание 2: Ссылки отображаются в виде таблицы. В одной строке может быть не более трех ссылок. При добавлении четвертой ссылки она перенесется на вторую строку. Изменить расположение ссылок на данный момент невозможно.

Компоненты редактора страниц: иллюстрация 42

  1. Выберите макет отображения гиперссылок.

Компоненты редактора страниц: иллюстрация 43

Доступны следующие варианты:

  • Список

Компоненты редактора страниц: иллюстрация 44

  • Кнопки

Компоненты редактора страниц: иллюстрация 45

  1. Для добавления ссылки, нажмите кнопку Добавить ссылку.

Компоненты редактора страниц: иллюстрация 46

В открывшемся модальном окне укажите название ссылки и адрес стороннего ресурса или адрес файла для скачивания.

Компоненты редактора страниц: иллюстрация 47

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

Компоненты редактора страниц: иллюстрация 48

  1. Включите параметр Отображать сетку для понимания, какие расстояние будет занимать компонент и поместятся ли другие компоненты на этой строке.

Компоненты редактора страниц: иллюстрация 49

Добавление компонента Новости

Для добавления компонента Новости на страницу выполните следующие действия:

  1. Из раздела Компоненты перетащите веб-часть Новости на основную рабочую область.

Компоненты редактора страниц: иллюстрация 50

  1. Измените размер компонента – перейдите на вкладку Свойства и укажите нужное значение в параметре Ширина блока .

Компоненты редактора страниц: иллюстрация 51

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

Компоненты редактора страниц: иллюстрация 52

  1. Включите параметр Отображать сетку для понимания, какие расстояние будет занимать компонент и поместятся ли другие компоненты на этой строке.

Компоненты редактора страниц: иллюстрация 53

Note

В компоненте новости будут выводиться по убыванию даты публикации. В компоненте будет помещаться 4 новости. Самая ранняя новость будет выводиться первой и иметь большой баннер, а остальные 3 новости будут иметь баннеры поменьше.

Добавление компонента Внешнее содержание

Для добавления компонента Внешнее содержание на страницу выполните следующие действия:

  1. Из раздела Компоненты перетащите компонент Внешнее содержание на основную рабочую область.

Компоненты редактора страниц: иллюстрация 54

  1. Измените размер компонента – перейдите на вкладку Свойства и укажите нужное значение в параметре Ширина блока .

Компоненты редактора страниц: иллюстрация 55

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

Компоненты редактора страниц: иллюстрация 56

  1. Включите параметр Отображать сетку для понимания, какие расстояние будет занимать компонент и поместятся ли другие компоненты на этой строке.

Компоненты редактора страниц: иллюстрация 57

  1. Укажите Код внедрения на вкладке Свойства , в формате , где

  2. iframe – тег для создани встроенного фрейма, который будет находится внутри компонента страницы.

  3. src – атрибут тега для указания URL-адреса сайта.

  4. "https://... " – URL-адреса сайта.

  5. height= "60" – высота фрейма.

Компоненты редактора страниц: иллюстрация 58

Note

Если сайт не позволяет встроить фрейм, то вместо фрейма будет выведена кнопка Открыть в новой вкладке.

Компоненты редактора страниц: иллюстрация 59

Warning

В компоненте Внешние ссылки можно использовать только https:// ссылки.

Удаление компонента

Для удаления компонента со страницы выполните следующие действия:

  1. Нажмите на странице на компонент, который необходимо удалить.

  2. Нажмите на иконку корзины.

Компоненты редактора страниц: иллюстрация 60

  1. Нажмите Сохранить .