Модуль "Subcontent manager"
Модуль предназначен для управления выводом контента в определенных позициях.
Данная страница с описанием также является демо-страницей. Все фрагменты, выводимые модулем - в красной рамке.
Что может модуль?
Вы можете в одном модуле создать неограниченное число контентных блоков (в дальнейшем - фрагментов) и указать для каждого конкретную позицию в любом месте страницы в пределах тега <body> (а теоретически, и за его пределами). Каким образом указывается позиция - смотрите в техническом описании.
Вы можете указать для каждого фрагмента устройство вывода: десктоп/мобильное. Это позволяет для одной позиции создать 2 фрагмента с различным содержимым для базовой и мобильной версии.
Так же можно создать 2 фрагмента с одинаковым содержимым и выводить их в разных позициях, в зависимости от устройства.
Что могут содержать фрагменты?
Практически, все. Изначально модуь создавался для управлением вывода скриптов рекламы на страницах сайта. Идея понравилось и модуль был разработан как универсальный, для любого типа контента.
- скрипты
- текст
- любые html-конструкции
- видео / аудио
- другие модули
- шорт-коды обрабатываемые контент-плагинами
Как это работает?
Вы создаете в административоной панели модуля контентные фрагменты и указываете их позиции.
Позиции - это привязка к любому объекту на странице, идентифицированному с помощью тегов и классов/индекса. Например: вставить фрагмент внутри блока с классом .my-article после 4-го по счету тега div с классом .my-div. Более подробно о привязке фрагментов смотрите в техническом описании.
Можно так же указать до или после объекта должен вставляться фрагмент.
Модуль может быть выведен в любой позиции вышего шаблона.
Далее js-скрипт перемещает фрагменты в соответствии с указанными "адресами" в разные части страницы, а сам модуль (пустая оболочка для фрагментов) - удаляется.
Как оформлять фрагменты?
Каждому фрагменту присваиается класс, идентифицирующий его как, собственно, фрагмент - .fragment-n
Дополнительно присваиваивается класс идентифицирующий устройстов (десктоп или мобильное)
Кроме того, есть возможность каждому фрагменту добавить свой класс. Не забываем, что внутри фрагмент может содержать любой html-код, в том числе и с указанием определенных классов.
Для комбинации этих классов вы легко можете написать необходимый css-код.
Техническое описание
Техническое описание в процессе написания :-)
В ближайшее время будет. Пока смотрите скрины.
Метки: