Инстайлер: визуальный тюнинг шаблонов

Привет, друзья.
Сегодня мы рады представить вам Инстайлер — крайне полезный компонент, предназначенный для тюнинга ваших сайтов на InstantCMS 2.

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

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



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



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

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

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

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

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

Как это можно использовать?

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

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

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

Редакции

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

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

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

Как получить Инстайлер?

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

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

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

Вы будете получать бесплатные обновления совместимости (при необходимости) после выхода каждой новой версии InstantCMS 2.x.
Поддержка в случае обнаружения ошибок оказывается бесплатно*.

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

*) Поддержка оказывается по e-mail support@instantsoft.ru. Запросы поддержки принимаются только с того адреса e-mail, который вы указывали при покупке компонента.