Как показал опрос, читателям нашего блога не хватает статей посвященных
техническим аспектам работы с системой. И данный пост призван восполнить недостаток оных.
Вам наверняка известно, что на ваш сайт можно легко добавить динамичных блоков с заданным содержимым.

Но на всякий случай напомню, что при помощи Конструктора на сайт можно вставить два типа подобных элементов - это Виджеты и Гаджеты.
На данный момент в системе 73 виджета. О  них можно почитать вот в этом мини-обзоре.

Самый простой путь вставки виджета на сайт это выбрать его в качестве содержимого для Блока:



В этом случае, виджет или гаджет становится элементом дизайна страницы.

Для него как и для любого блока можно задать видимость для
определенного набора модулей и для ограниченной (или нет) группы пользователей.





Чуть
более нетривиальная задача - это совместить виджет не с модулем, а с
каким-то конкретным материалом в нем. Например, в системе есть виджет
всплывающей подсказки к тексту - он как раз максимально уместен в
рамках какой-то статьи, а не блока сбоку.

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



Я хочу добавить пояснение к слову «юннань», так как не все знают, что это такое. Для этого заходим в админ-панель и в Редакторе страниц добавляем новую пустую страницу (она нужна в качестве места, где можно сформировать код для виджета; впоследствии ее нужно будет удалить).







Добавляем на нее виджет "Всплывающая подсказка с тенью", в котором создаем подсказку для слова «юннань»:



Получаем код, который вставляем на страницу:



Сохраняем страницу, назвав ее temp, и переходим на нее.

Страница состоит только из одного слова с подсказкой, которая появляется при наведении на слово:







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



Текст
очень похож на исходный, его можно искать по слову «widget». Этот текст
нужно скопировать. Теперь возвращаемся к записи в блоге, редактируем ее
в HTML-режиме и заменяем слово «юннань» скопированным скриптом:



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



Соглашусь,
не самый тривиальный способ, но работает и для использования нужно
только уметь "вставлять-копировать" и можно не разбираться ни в каких
скриптах. Что же касается гаджетов, их можно вставлять прямо в материал
сразу после получения кода, как через тег <iframe>.