[InstantCMS 2] Компонент Инстайлер Pro: визуальный тюнинг шаблонов для InstanCMS 2

[InstantCMS 2] Компонент Инстайлер Pro: визуальный тюнинг шаблонов для InstanCMS 2

Инстайлер - крайне полезный компонент, предназначенный для тюнинга сайтов на InstantCMS 2.

Инстайлер это визуальный редактор CSS-стилей, позволяющий кардинально менять оформление любого шаблона без единой строчки кода. Другими словами, это компонент который позволит изменять дизайн абсолютно любого элемента сайта с помощью нескольких кликов мышки.

Например, вот так выглядит стандартный шаблон InstantCMS 2:

А через 15 минут работы в Инстайлере он стал выглядеть уже так:

При этом не было написано ни одной строчки какого-либо кода.

Спойлер: Подробное описание

Как это работает?

Инстайлер позволяет выбрать любой элемент (или группу сходных элементов) на любой странице сайта, а затем изменить более 50-ти параметров его отображения. Вы можете настроить шрифты, цвета, фон, отступы, рамки, размеры, положение на странице и множество других вещей. Всё это делается только мышкой, в удобном и компактном интерфейсе. Никаких админок. Все изменения делаются прямо на сайте, моментально отображаются на странице и вы видите результат сразу в живую.

При настройке внешнего вида элемента можно учитывать его состояния. Например, вы можете задать разный цвет (или любой другой параметр) для обычной ссылки и ссылки, на которую наведен курсор мыши. А в редакции Pro (об этом ниже) кроме того можно учитывать размер экрана устройства. То есть задать разный внешний вид для одного и того же элемента при просмотре сайта на ПК и, например, с телефона.

После сохранения все сделанные изменения остаются на сайте. Технически, все изменения сделанные в Инстайлере компилируются в чистый CSS и просто подключаются к вашему шаблону как дополнительный набор стилей. Причём от самого шаблона ничего не зависит, то есть он может быть абсолютно любым.
Как это можно использовать?

Инстайлер может быть полезен не зависимо от вашей квалификации.

Не знаете что такое CSS? Тогда для вас это инструмент, позволяющий легко самостоятельно делать операции от "немного поправить шаблон" до "переделать шаблон до неузнаваемости". Помимо изменения общего дизайна сайта Инстайлер можно использовать, например, для оформления отдельных статей, придавая каждой странице сайта уникальный вид. Никакого кода, только мышка.

Вы опытный верстальщик и сами делаете шаблоны? Тогда Инстайлер облегчит ваш труд по написанию стилей, ведь все изменения сделанные в нем можно экспортировать в валидный CSS и добавить в styles.css своего шаблона для дальнейшего распространения. Кроме того, есть режим live-редактирования, в котором мы можете просто набирать CSS руками и видеть изменения моментально. Это похоже на Developer Tools браузера, но с возможностью сохранения и экспорта плюс более продвинутым инструментом выделения.
Редакции

Инстайлер поставляется в двух редакциях - Lite и Pro. Более доступная редакция Lite содержит все необходимое для изменения глобального дизайна вашего шаблона. Редакция Pro предлагает продвинутые инструменты, такие как редактирование адаптивных стилей, просмотр финального CSS кода, экспорт и импорт изменений. Также редакция Pro позволяет ограничивать область действия стилей, позволяя создавать стили которые применяются только к одной странице или группе выбранных страниц.

Лучше один раз увидеть, поэтому предлагаем вам посмотреть видео-обзоры обеих редакций:


Сравнение редакций

Цена Инстайлер Pro: 2790 руб.