Придайте индивидуальности вашему сообществу с помощью гибких инструментов дизайнера!



Дизайн и стилизация

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

Визуальный редактор тем

Этот мощный инструмент позволит создать собственную тему с помощью простого и удобного интерфейса. Вносите изменения в цветовую схему темы и получайте мгновенный результат.


Визуальный редактор тем не требует каких-либо специфический знаний в HTML или CSS, вы можете применять его и для других настроек темы, например сменить шрифт или ширину сообщества.

Пример работы визуального редактора тем в Invision Community

Для продвинутого использования и командной разработки можно использовать Режим дизайнера



Режим дизайнера

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


Режим дизайнера в Invision Community

Создайте собственную или загрузите уже готовую тему сообщества!



Темы

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

Настройка темы

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


Простая загрузка логотипа и Favicon
Смена шрифтов
Цвета элементов и кнопок
Позиция бокового блока
Ширина сообщества
Тема редактора
И множество других параметров...

Управление ресурсам

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


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

{ resource="default_club.png" app="core" location="global" }



Управление HTML и CSS кодом

Темы в Invision Community состоят из шаблонов, распределённых по группам, отражающим их место применения. Для изменения шаблонов используется провинутый редактор с подсветкой синтаксиса и удобной навигацией с быстрым поиском.


Логика шаблонов

В HTML шаблонах темы могут быть применены специальные теги, подобные тегам PHP, для создания внутри HTML собственной логики. Это: условия, выражения, переменные, циклы, плагины и другие специфические теги.


Просмотр изменений

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


Отмена внесённых изменений

Если вы внесли какие-либо изменения в один из шаблонов темы, вы всегда можете вернуть его к изначальному состоянию.


Переменные

Вы всегда можете изменить список переменных, передаваемых бэкэндом PHP в шаблон, а также узнать какие данные могут использоваться в каждом конкретном шаблоне.


Создание шаблонов

Для внесения глобальных изменений в какой-либо шаблон темы, Invision Community рекомендует создать собственный, тем самым вы ограничитесь малыми правками, если понадобится адаптировать шаблоны для новой версии Invision Community.


Эти возможности стилизации Invision Community дают неограниченный простор для придания вашему сообществу индивидуальности и брендовости.
Простая установка

Тема в Invision Community состоит всего лишь из одного файла с расширением (.xml). Вы можете установить понравившуюся вам тем, скачав её с официального сайта, или заказать у нас разработку собственного брендинга. С работами вы можете ознакомиться в нашем портфолио.

Экспорт тем

Вы можете экспортировать любую тему, скачав её в вашем админцентре. В файл экспорта попадают только новые/изменённые шаблон и загруженные ресурсы, что значительно уменьшает вес файла. Тему можно установить на любое другое сообщество Invision Community аналогичной версии.