Сниппеты
72 / 140
Сниппеты - инструмент визуального редактора, позволяющий вставлять в документ заранее подготовленный и часто используемый фрагмент текста, верстки или кода.

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

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

Физически сниппеты хранятся в папке /snippets/ соответствующего шаблона либо в шаблоне по умолчанию (.default).

Для работы со сниппетами служит панель Сниппеты.

Создание нового сниппета

  • Для создания нового сниппета используйте ссылку Добавить сниппет, расположенная на панели задач Сниппеты

    Ссылка "Добавить сниппет"

    Откроется форма Добавление сниппета.

  • На закладке Основные параметры укажите Название, которое будет отображаться в визуальном редакторе, и сам Код сниппета.

    Закладка "Основные параметры"

  • На закладке Размещение заполните поля формы.
    • Шаблон – выбирается шаблон сайта, в котором создается сниппет. Это может быть шаблон по умолчанию либо текущий шаблон;
    • Имя файла – указывается имя файла, в котором хранится код сниппета. Можно указать собственное или оставить то имя, которое предложила система. Код сниппета будет сохранен в этом файле (*.snp)
    • Размещение – из списка выбирается папка (группа) любого уровня, в которой будет храниться сниппет.
    • Установите опцию Создать новую подгруппу и введите Имя новой подгруппы для того, чтобы сохранить сниппет в отдельной подгруппе.
    • Опция "Создать новую подгруппу"

      Внимание! Название в поле Имя новой подгруппы необходимо указывать только латинскими буквами.
  • На закладке Дополнительные параметры укажите, по желанию, Рисунок и Описание. Может быть добавлено только одно изображение.

После сохранения новый сниппет будет сразу отображен в дереве визуального редактора в общем списке или в указанной в настройках подгруппе:

Созданный сниппет

Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим способы применения сниппетов. (2 минуты 35 секунд, 7.28 Мб.)

Загрузить ролик.


Редактирование сниппета

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

  • название сниппета вместе с именем файла его кода;
  • кнопки управления: Редактировать сниппет и Удалить сниппет ;
  • код сниппета.

Свойства сниппета

Примечание: eсли для сниппета заданы описание и рисунок, то они также будут отражены в панели Свойства:

Дополнительные параметры сниппета

Для перехода к редактированию служит кнопка . Форма Редактирование сниппета, по сути, является формой добавления сниппета, за исключением того, что отредактировать размещение сниппета невозможно.

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

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

Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим способы применения сниппетов. (2 минуты 37 секунд, 12.93 Мб.)

Загрузить ролик.

0


 Компоненты | Описание курса | Разбиение страниц