4.5: Ваша новая панель управления администратора

Сообщество Invision прошло долгий путь за последние пять лет.

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

Одной из областей, которая осталась практически неизменной, является панель управления администратора.

Когда мы выпустили Invision Community 4.0 в 2014 году, панель управления администратора была обновлена, но с тех пор оставалась относительно бездействующей.

Но это все изменится с предстоящим выпуском Invision Community 4.5!

Панель управления администратора в 4.5 получила существенное обновление, в результате чего появилась современная цветовая схема и чистый минималистичный дизайн.

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

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

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

 

4.5: Клубные страницы

Без сомнения, клубы - одна из самых популярных функций, добавленных в Invision Community в последнее время.

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

Эта популярность заставляет нас постоянно улучшать набор функций для клубов, и Invision Community 4.5 ничем не отличается.

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

К счастью, в Invision Community 4.5 эта функция теперь существует (и даже больше!)

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

Идеально подходит для показа страницы, которая видна только тем, кто не является ее членом, и информирует их о том, как вступить в клуб.

Кроме того, это отличный способ показать правила модерации только модераторам клуба.

Конечно, владельцы и лидеры всегда смогут увидеть все страницы, добавленные в клуб.

Кроме того, как только страница добавлена в клуб, вкладка будет добавлена вместе с другими, и страница может быть перестроена, как и остальные. 

Используя это, владельцы и лидеры могут создать альтернативную уникальную страницу индекса для клуба.

4.5: Улучшение RSS

Импортирование RSS  это простой способ наполнить контент вашего сообщества.Даже отличный способ обмениваться контентом с вашим сайтом без создания блоков или написания собственного кода.

В Invision Community 4.5 теперь централизован импорт RSS поэтому он доступен для форумов, блогов и страниц.

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

RSS-каналы имеют специальный тег, чтобы отметить, что к записи в фиде прикреплено изображение. Многие RSS-каналы используют это, например, NASA Image Of The Day. До сих пор это изображение было просто молча отброшено.

Теперь он импортируется как вложение (поэтому его можно перемещать в записи или записи Страницы). Если в базе данных страниц, в которую вы импортируете, включены изображения записей, вы можете при желании импортировать вложение как изображение записи, которое некоторые наборы шаблонов могут использовать в качестве изображения заголовка, как это делает наш блог.

Но как насчет экспорта корпусов?

К счастью, Invision Community 4.5 теперь может экспортировать изображение основного содержимого элемента в виде приложения. Это, безусловно, делает экспорт RSS галереи намного более полезным!

 

4.5: Приглашения и рефералы

Invision Community поддерживает рефералов участников через приложение Commerce, так как Commerce назывался Nexus много лет назад.

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

Посмотрите, кто был направлен

Помимо просмотра количества рефералов, теперь как администраторы, так и участники могут видеть, кого они ссылались. Если коммерция включена, администраторы также могут видеть, сколько комиссии (если есть) было заработано.

Новая страница настроек рефералов показывает ссылки, фрагменты кода и тех, на кого вы ссылались

Продвижение пользователя

Наблюдение за растущим числом приглашенных вызывает у пользователей сообщества чувство причастности к сообществу, но разве не было бы замечательно, если бы вы могли вознаграждать своих пользователей и другими способами?

Счетчик рефералов теперь работает как фильтр участников при использовании функции группового продвижения.

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

Интеграция с общим доступом

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

Блоки

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

                                  Новый виджет "Пригласить друга"

 

4.5: Обзор улучшений клуба

Улучшено отображение карты

Скрытый текст

  Карта расположения клубов лучше показывает, где находятся местные клубы

Небольшое, но полезное изменение карты клубов означает, что вид теперь центрирован и увеличен вокруг доступных клубов. Ранее на карте отображалось бы мировоззрение, даже если бы все клубы были расположены в концентрированной географической зоне.

Вкладка участника

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

Скрытый текст

Теперь вы можете решить, кто может видеть ваш клуб

Клубные Виджеты

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

Скрытый текст

Контентные виджеты теперь могут показывать специфический для клуба контент

Некоторые люди хотели контролировать, где виджеты будут отображаться более точно. Ранее это было невозможно, но теперь это возможно. Добавляя виджеты на страницу, вы теперь можете указать, хотите ли вы, чтобы они появлялись везде, везде, кроме клубов, или только в клубах.

Регистрация запросов

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

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

Скрытый текст

Ваш пользователь может быстро управлять ожидающими приглашениями

 

                                                                            4.5: Категории блогов

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

    Выбор вашей категории при создании новой записи в блоге

Когда читатель посещает блог, он может выбрать отображение только тех категорий, которые его интересуют.

                                                    Фильтрация по категориям

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

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

                                             Управление категориями блогов

 

                                                            4.5: Простой сборщик фотографий

В Invision Community 4.5 теперь включена поддержка Pixabay, которая выводит эти изображения на кончики ваших пальцев (или указатель мыши, если вы находитесь на рабочем столе).

Видео

Как вы можете видеть, вы можете не только загружать записи в библиотеку стандартных фотографий, но и использовать их для добавления изображения обложки в свой профиль и записи в блоге.

                                                                      4.5: Поиск идей

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

Скрытый текст

Статистика поиска помогает отслеживать поисковые запросы в вашем сообществе.

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

                                                                               4.5: Статистика клуба

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

Скрытый текст

 

Обзор статистики деятельности клуба

 

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

Скрытый текст

 

Посмотреть активность во всех клубах

 

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

Скрытый текст

 

Активность по клубам показывает, какие клубы наиболее активны

 

Вы также можете просмотреть активность каждого клуба, что позволит вам определить, какие из ваших клубов являются самыми популярными и имеют наибольшую активность. Как и в диаграмме «Регистрация клубов», вы можете использовать фильтры для просмотра только тех клубов, которые вы хотите сравнить, и сохранить эти фильтры для последующего просмотра.

                                                         4.5: Улучшения пользовательского интерфейса

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

Скрытый текст

Теперь все выигрывают!

Кто отреагировал?
Сообщество Invision уже давно отреагировало. Хотя выяснить, кто именно отреагировал, не нажимая на счет, оказалось утомительно.

Мы исправили это в Invision Community, поэтому простое наведение мыши на значок реакции показывает, кто отреагировал.

Скрытый текст

Вход анонимно

Однако, поскольку мы добавили более быстрые способы входа в систему через Facebook, Twitter, Google и многое другое, стало менее просто гарантировать вашу анонимность.

Invision Community 4.5 удаляет этот логин и перемещает его в настройки ваших пользователей.

Скрытый текст

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

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

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

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

Когда вы посещаете сайт, ваш браузер сообщает сайту, на каком языке установлен наш браузер (часто диктуется вашей операционной системой), и мы используем его, чтобы показать вам правильный язык, если в сообществе, которое вы посещаете, установлено несколько языков.

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

Invision Community 4.5 позволяет отключить это автоматическое обнаружение.

Скрытый текст

Свернуть цитату
Мы закончим с другой популярной функцией запроса; возможность сворачивать длинные кавычки, уменьшая количество прокрутки, которое нужно сделать.

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

Скрытый текст

 

                                                    4.5. Определение статистических тенденций

 

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

Скрытый текст

В этом примере вы можете ясно увидеть, что у нас на 50% больше регистраций и на 33% больше участников по сравнению с предыдущим трехмесячным периодом.

Скрытый текст

Аналогично, в этом примере вы можете ясно увидеть, что у нас на 1200% увеличилось количество реакций, даваемых с четкой разбивкой по типу реакции, данной для того, чтобы помочь понять настроения сообщества.

                                                                4.5: Улучшения уведомлений

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

Новая страница настроек также включает поддержку нашего нового мобильного приложения и ссылки для удаления всех уведомлений по email.

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

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

Скрытый текст

 

Скачать уведомления

Для получения уведомлений о новых обновлениях файлов ранее необходимо было следить за файлами.Означало, что вас также будут уведомлять об отзывах и комментариях, даже если они вас не интересуют. Начиная с версии 4.5 мы добавили отдельную кнопку (присылайте мне обновления версий), чтобы у вас был больший контроль над полученными вами уведомлениями. 

Скрытый текст

                                                                                  Отправить мне обновления версии

                                                                              4.5: ACP Dark Mode

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

 

 

                                                                        4.5: Просмотр темы и многое другое

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

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

Скрытый текст

Обновления просмотра тем

Активность в теме

Первое, что вы, вероятно, заметили на скриншоте выше, это новая боковая панель. Это очень похоже на краткое описание деятельности в теме. Он очень быстро позволяет узнать, сколько лет теме и сколько времени прошло с момента последнего ответа. Этот контекст необходим, если вы невольно отвечаете на старую тему.

Большинство тем управляются несколькими ключевыми участниками. Раздел «Активность темы» показывает, кто был наиболее активным, что может повлиять на то, какие плакаты вы даете больше прав.

Кроме того, популярные дни позволяют вам погрузиться в «мясо» темы, которая могла быстро развиться за несколько дней.

Чаще всего один пост вызывает больше реакций, если он особенно полезен или проницателен, и это тоже показано.

Наконец, мини-галерея всех загружаемых изображений позволяет просматривать медиа, прикрепленные к сообщениям

Скрытый текст

 

Краткое содержание темы под первым постом

 

Панель действий может отображаться либо в виде боковой панели, либо под первым сообщением в теме. Если вы включите его для мобильных устройств, он будет автоматически отображаться под первым сообщением.

Скрытый текст

 

Сводка активности темы на мобильном телефоне

 

Как и во многих новых функциях в Invision Community, у вас есть несколько элементов управления в Admin CP, чтобы точно настроить это для нужд вашего сообщества.

Скрытый текст

 

Настройки админ панели

 

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

Первый - значок под фотографией пользователя. Значок щита отмечает, что этот постер является частью команды модераторов. Конечно, этот значок может быть скрыт для сообществ, которые не любят привлекать внимание всех своих модераторов.

Скрытый текст

Вы также заметите, что когда автор темы отвечает на тему, он получает значок «автор», поскольку его ответ может иметь больше прав.

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

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

Скрытый текст

 

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

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

                                                            4.5: Zapier обеспечивает интеграцию с более чем 2000 веб-приложений

Zapier упрощает это, позволяя подключать Invision Community к Google Sheets без единой строчки кода. Zapier позволяет упростить ваши рабочие процессы за считанные минуты.

Zapier имеет два типа событий, триггеров и действий.

Триггеры

Когда определенная вещь происходит на Invision сообществе, как член регистрирующего или тему публикация,  триггер  может быть отправлен в Zapier в тот запускать  действия  в других приложениях. Например, вы можете создать zaps для ...

• Когда участник регистрируется, добавьте его электронную почту в список Mailchimp.
• Когда модератор публикует тему в новостном форуме, делитесь ею на Facebook, Twitter и других социальных платформах.
• Когда участник публикует что-то, что требует одобрения модератора, отправьте сообщение на канал Slack для своих модераторов.

Скрытый текст

 

Интеграция сообщества Invision с Mailchimp через Zapier

 

действия

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

• Когда вы добавляете событие в календарь Google, создайте событие календаря в своем сообществе.
• Когда вы получите письмо на адрес электронной почты с обратной связью, создайте тему в своем сообществе на форуме для модераторов.
• Когда вы создаете задачу в Trello, добавьте запись в базу данных страниц своего сообщества.

Скрытый текст

 

Интеграция сообщества Invision с Google Calendar через Zapier

 

Self-интеграция

Помимо использования Zapier для интеграции со сторонними службами, вы также можете подключить триггер Invision Community к действию Invision Community. Например: когда пользователь регистрируется, создайте тему на приветственном форуме.

Скрытый текст

 

Самоинтеграция через Zapier

 

Часто задаваемые вопросы

• Какие интеграции доступны?
• В бета - запуске с АГАТОМ сообществом 4.5 Zapier будет иметь возможность получить триггер , когда счет участника или содержание (пост на форуме, галерея изображений и т.д.)  создаются  и отправить действия для создания таких же. Больше триггеров и действий будет добавлено со временем.
• Почему это доступно только для сообщества в облаке, а не локальных лицензий?
• Хотя мы оцениваем потребности в течение этого бета-периода, мы ограничиваем его только сообществом в облаке, чтобы мы могли лучше контролировать взаимодействие между каждым сообществом и Zapier.
• Когда эта интеграция выйдет из бета-версии?
• Позже в этом году.
• Смогут ли сторонние приложения и плагины создавать триггеры и действия Zapier?
• Поскольку для интеграции требуется приложение, размещенное на Zapier (которое написано на Node.js), и оно должно быть отправлено непосредственно поставщиком, сторонним приложениям и плагинам будет сложно интегрироваться с Zapier посредством интеграции с Invision Community. В будущем мы сможем предоставить основные абстрактные интеграции для сторонних приложений и плагинов через API расширения. Тем временем сторонние авторы могут, конечно, написать свои собственные приложения Zapier, если это необходимо.

                                                                            4.5: Форум просмотр обновлений

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

Скрытый текст

 

Новая сетка просмотра заголовков изображений

 

Вы можете выбрать изображение из Admin CP при создании или редактировании форума.

Скрытый текст

 

Выберите фотографию или загрузите свою собственную

 

Представление списка тем
Для представления списка тем мы черпали вдохновение в наших параметрах представления потока, чтобы ввести новый «расширенный» режим просмотра, который отображает фрагмент первого сообщения.

Скрытый текст

 

Новый расширенный режим списка тем

 

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

Это контролируется через Admin CP, где вы можете выбрать вид по умолчанию или полностью отключить новый вид.
Вы можете заметить несколько других тонких изменений в этих скриншотах. Во-первых, мы теперь включили количество подписчиков в качестве метрики как в режиме просмотра сетки форума, так и в режимах расширенного просмотра темы. Количество подписчиков обычно является хорошим показателем того, как другие воспринимают ценность контента. Большее количество подписчиков обычно означает более интересную тему или форум.

Вы также можете видеть, что мы переключились на формат коротких номеров, чтобы сохранить чистоту экранов. Вместо «2483 постов» будет просто «2,5 тыс. Постов». Сокращение визуального беспорядка всегда крайне важно для поддержания чистого пользовательского интерфейса.

                                                                                      4.5: Новая пост инсталляция

При первом входе в Invision Community после установки программного обеспечения администраторам открывается экран приветствия.

Скрытый текст

 

Добро пожаловать в ваше новое сообщество Invision!

 

Очевидно, что вы можете пропустить этот шаг, нажав на другую страницу, если хотите, и вы больше не будете беспокоиться. Если вы нажмете ссылку «Пропустить этот шаг» на странице, вам будет отправлено электронное письмо со ссылкой для возврата на страницу в будущем, если вы захотите это сделать.

Продолжая в полезном мастере, вы увидите экран, как

Скрытый текст

 

Полезный мастер

 

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

При нажатии «Далее» вы увидите предыдущий шаг, помеченный как выполненный. Вы можете даже пропустить шаги, нажимая и раскрывая их, если хотите.

Скрытый текст

 

Каждый шаг объясняется подробно

 

Если вы зашли на эту страницу, но решили, что сначала нужно сделать что-то еще, в нижней части страницы есть опция «Напомнить мне позже». Нажав на нее, вы сможете возобновить все, что вам нужно сделать в первую очередь, но позже вы вернетесь к этому шагу регистрации, чтобы завершить быструю настройку.

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

Скрытый текст

 

Подтверждение, что у вас все отлично!

 

 

                                                                              4.5: частные заметки персонала

Независимо от причины, Invision Community 4.5 добавляет возможность оставлять личные заметки сотрудников по темам.

Скрытый текст

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

Скрытый текст

 

                                                                                                        4.5: Виджеты Page Builder
Для обзора новой функции, пожалуйста, посмотрите видео ниже.

Скрытый текст

 

 

 

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

Скрытый текст

Новые параметры виджета Page Builder

 

                                                                        4.5: Улучшения для дизайнеров тем

Объединенные настройки темы

Мы объединили несколько существующих настроек темы в одну новую настройку. Мы обнаружили, что такие параметры, как poll_bar , step_background , rating_hover и т. Д.Почти всегда имеют один и тот же цвет - обычно это основной цвет сайта. Поэтому эти настройки были заменены одним новым параметром brand_color , который используется во всем CSS в местах, где этот основной цвет был бы необходим. Упростит начальные этапы разработки темы и облегчит соответствие брендингу в Invision Community.

Скрытый текст

Цвета переднего конца

Удаление жестко закодированных цветов

Несмотря на то, что настройки нашей темы позволили владельцам сообщества изменять большинство цветов,  в нашей CSS-структуре было еще  много жестко закодированных. Обычно это были нейтральные цвета, используемые для таких вещей, как «закрытые» ссылки, полупрозрачный фон и т. Д. Но этого было достаточно, чтобы сделать темную тему нереальной перспективой без огромных усилий (и слава тем дизайнерам, которые предлагали темные темы до сих пор!).

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

Тип масштаба & тег {fontsize}

Хотя у нас были фиксированные классы размера шрифта (например, ipsType_normal ) в течение длительного времени, на практике у многих элементов был установлен собственный размер шрифта. Это также приводит к несогласованности и плохому визуальному ритму. Еще один побочный эффект заключается в том, что было также сложно глобально изменить размер шрифта (например, для целей брендинга или для создания темы для пользователей с ослабленным зрением).

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

x_small: 12; маленький: 13; средний: 14; основание: 16; большой: 18; x_large: 20; 2x_large: 24; 3x_large: 30; 4x_large: 36.

Все эти значения доступны для редактирования в качестве настроек темы, поэтому каждая тема может регулировать используемый масштаб шрифта. Наш CSS по умолчанию в 4.5 был полностью обновлен, чтобы поместить все типы в эту шкалу.

Чтобы фактически использовать эти настройки, мы добавили новый тег {fontsize}, который принимает либо клавишу масштаба, либо определенный размер пикселя (для тех случайных ситуаций, когда абсолютно необходим определенный размер, например значки).

Почему мы не можем просто использовать {theme = "x_small"} или даже переменные CSS? Чтобы решить проблему глобального масштабирования текста, мы также добавили настройку шкалы в процентах, которая избавит вас от необходимости создавать собственную шкалу типов. {} FontSize тег автоматически применяет глобальный масштаб любых значений , передаваемых в него. Хотите, чтобы текст в вашей теме был в два раза больше стандартного? Просто установите глобальную шкалу типов на 200%, и вся тема немедленно отразит изменение. 

Скрытый текст

Новые параметры размера шрифта

Интервал шкалы

Отсутствие согласованной шкалы интервалов привело к тому, что в любой конкретной ситуации использовались произвольные значения, что опять-таки отрицательно сказалось на визуальной гармонии нашего дизайна. Поэтому мы ввели шкалу интервалов в 4 пикселя (на этот раз с использованием CSS-переменных, а не настроек темы) и применили практически ко всем значениям отступов / полей. Со временем мы ожидаем полного переключения всех значений измерений на шкалу.

Новые семейства классов CSS

Скрытый текст

 

Мы добавили ряд новых классов интервалов для отступов и полей, что позволяет намного лучше контролировать их применение, особенно на устройствах разных размеров. Раньше ipsPad (15px) просто уменьшался вдвое на маленьких экранах - без необходимости отказа от добавления определенного CSS. Мы чувствовали, что это было неточным в течение некоторого времени, особенно потому, что мобильные устройства обычно имеют большие экраны в 2020 году и не должны быть так тесно расположены.

ipsPad_all заменяет теперь существующий ipsPad , и не  не  вдвое себя на маленьких экранах. Вместо этого существует новое адаптивное соглашение об именах, которое позволяет применять специальные отступы для устройств определенного размера:

ipsPad_all: двойной md: ipsPad_all sm: ipsPad_all: половина

В этом произвольном примере размер рабочего стола (по умолчанию) получает двойной отступ, средний (планшеты) - обычный, а маленький (телефоны) - половину.

Мы добавили похожие классы для верхних, нижних, левых и правых отступов, а также для горизонтальных, вертикальных и ярлыков без удаления (для удаления всех отступов).

Что касается полей, старые классы ipsSpacer_ * были заменены новым семейством ipsMargin, которое работает точно так же, как и классы заполнения выше, с тем же диапазоном гибкости.

Старые классы ipsPad / ipsSpacer будут продолжать работать так же, как и раньше, для обратной совместимости, но их следует считать устаревшими с 4.5 и далее.

 

 

                                                                    4.5: Представляем нашу обновленную тему по умолчанию

Цели

Скрытый текст

 

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

Более яркий пользовательский интерфейс с большей насыщенностью и контрастностью и более простой общей цветовой схемой

Улучшенная типография

Лучше, последовательнее, расстояние между элементами, особенно на мобильных устройствах

Лучшая логическая группировка разделов каждой страницы

Сокращение недостаточно используемых ссылок / кнопок на странице и поиск альтернативных способов сделать их доступными

Улучшение отображения состояний сообщений

Модернизация и расширение основного кода, который поддерживает тему по умолчанию

 

Давайте немного поговорим о каждом из них.

Более яркий интерфейс

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

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

Скрытый текст

Яркие цвета по умолчанию

Скрытый текст

Упрощение пользовательского интерфейса путем удаления фоновых блоков

Улучшение типографии

Мы чувствовали, что в течение некоторого времени наша типография была несколько запутанной - в зависимости от конкретного контекста использовалась смесь размеров, веса и цветов.

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

Скрытый текст

Наша типография шкала

(Остроумные из вас могут также заметить, что мы переключили наш шрифт по умолчанию на Inter. Inter - это фантастический шрифт с открытым исходным кодом, который идеально подходит для текста в Интернете, и недавно был добавлен в проект Google Web Fonts, что делает его очень простым для нас, чтобы включить его в нашу тему по умолчанию.)

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

Скрытый текст

Пример улучшенной типографии из приложения «Загрузки»

Улучшенный интервал (особенно на мобильном телефоне)

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

Больше всего беспокоит то, что в мобильных размерах мы просто вдвое уменьшаем значения заполнения рабочего стола. Хотя это было разумным подходом во времена телефонов с маленькими экранами, оно определенно устарело в течение некоторого времени. Экран телефона теперь, как правило, больше и способен вместить более просторный пользовательский интерфейс, не выглядя смешным.

В 4.5 мы покончили с этим подходом, и воздействие было немедленным. Мобильные размеры теперь получают гораздо более приятный интерфейс, элементы которого могут дышать. Кроме того, мы также сделали большинство карт полноформатными, чтобы обеспечить дополнительное пространство для контента.

Скрытый текст

Сообщения могут наконец дышать на мобильном телефоне

Также существует множество других настроек: интервал по умолчанию немного увеличен, таблицы данных (например, список тем) получают дополнительный интервал по вертикали, а интервал между элементами стал более согласованным.

Улучшена группировка связанных элементов

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

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

Скрытый текст

Заголовок представления темы

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

Скрытый текст

Заголовок беседы Messenger

Сокращение недостаточно используемых ссылок/кнопок

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

Две конкретные области, на которых мы сосредоточились, - это обмен ссылками и постбитами (сообщениями на форуме и комментариями в других приложениях).

Исследования показывают, что ссылки на социальные сети используются очень маленьким процентом пользователей, поэтому, хотя они и были в нижней части страницы, не было необходимости делать их такими заметными (учитывая их привлекательные цвета). Чтобы решить эту проблему, мы добавили ссылку на общий доступ к заголовку страницы, а ссылки соцсетей сами во всплывающем меню. Результат идеален: функциональность совместного использования ненавязчива, но очевидна.

Скрытый текст

Поделиться ссылками в элементах контента

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

Поэтому мы упростили поля комментариев настолько, насколько это разумно. Отчеты и публикации комментариев / сообщений теперь доступны в меню параметров сообщений, как и любые инструменты для автора/сотрудников. Цитирование и реагирование - это два основных взаимодействия для пользователей, поэтому они, конечно, сохраняют свои позиции в панели управления.

Скрытый текст

Простые постбиты, даже для персонала

Улучшение почтовых состояний

Сообщения / комментарии в Invision Community могут иметь много состояний, иногда больше одного. Сообщения могут быть скрыты / не одобрены, популярны, рекомендованы, решены (новые в 4.5!) Или выделены из-за авторской группы. Всегда было сложно указать эти статусы хорошо.

• В предыдущих версиях мы добавляли границу, но самым заметным индикатором был флаг в верхнем правом углу поста. Это было три проблемы:\
• Из-за нехватки места (из-за ссылок на отчеты / публикации) показ более чем одного флага был затруднен.
• Показывать  какие-либо  флаги на мобильном устройстве было грязно из-за нехватки места.
• Смысл флагов не был очевиден, особенно для новых пользователей. У постов, выделенных группой, не было флага, только была граница, что делало их еще более трудными для понимания.

Теперь, когда верхний правый угол постов убран и свободен от пуха, мы смогли гораздо более эффективно использовать это пространство для указания статусов постов.

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

Скрытый текст

 

Пост с двумя состояниями: группа выделена и популярна

Работает намного лучше и на мобильном телефоне, где значки статуса получают известность, которую они заслуживают:

Скрытый текст

Статусы мобильной

Модернизация базового кода

Я написал о технических усовершенствованиях темы в предыдущей записи. Если вы дизайнер темы или измените тему для своего сообщества, зайдите и проверьте это сейчас !

Завершение

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

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

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

Скриншоты

Скрытый текст

Настольные форумы

Скрытый текст

  

Мобильный форум 

Скрытый текст

Потоки активности и мессенджер

 

Альфа версия IPS Invision Community 4.5

                                                                              4.5: Обновления языковой системы

Страницы Фразы Инструменты

Если у вас есть приложение Страницы, вы также можете использовать эти фразы на страницах HTML и в блоках HTML, не посещая область инструментов перевода. Просто используйте редактор тегов на боковой панели при редактировании страницы или содержимого блока.

Скрытый текст

Новые параметры боковой панели фраз

Вы можете быстро создавать новые многоязычные фразы, нажимая значок +.

Скрытый текст

Новый диалог добавления фразы

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

Инструменты перевода

Создатели языковых пакетов теперь могут устанавливать URL-адрес обновления версии, который проверяется, чтобы уведомить администраторов внутри AdminCP о наличии обновления, как в системе тем. Это отличный способ уведомить клиентов о наличии исправлений.

Наконец, теперь вы можете быстро добавить новую фразу на странице «Инструменты перевода» без необходимости использования инструментов разработчика.

Скрытый текст

Новая опция «Добавить фразу»

 

                                                                                         4.5: Все остальное

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

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

TikTok Embed
Несмотря на то, что это меня сильно смущает, TikTok взял штурмом интернет. Мы добавили его в список для встраивания, чтобы при вставке ссылки на ресурс TikTok в комментарии автоматически отображалось видео, готовое к воспроизведению.

Скрытый текст

TikTok

Загрузка Chunking
Загрузка больших файлов может быть сложно. Обычно попытка отправить большой файл на сервер приводит к таймаутам, проблемам с памятью и, в конечном итоге, к разочарованию. Мы добавили частичную загрузку при использовании S3. Проще говоря; это загружает часть файла за раз, чтобы предотвратить проблемы с памятью и тайм-аут сервера, ожидающий завершения загрузки.

Просмотр участников по рангу
Совсем недавно нас спросили, как вы можете просмотреть всех участников в ACP определенного ранга. Оказалось, ты не мог. Это быстрое изменение было добавлено в Invision Community 4.5.

Скрытый текст

Отображение участников с определенным рангом в AdminCP

Загрузка статистики
В то время как в Invision Community 4.5 появились новые улучшенные статистические дисплеи, общим требованием была возможность загрузки необработанных данных. Теперь это возможно.

Скрытый текст

Экспорт статистики в формате CSV

Загрузки
В Invision Community 4.5, когда вам требуется одобрение новых версий файлов, представленных в разделе «Загрузки», исходная версия больше не будет скрыта от просмотра. Мы добавили новый поток для модераторов, чтобы утвердить эти новые версии.

Live Meta Tag Editor
Invision Community 4.5 показался отличным временем, чтобы запустить эту функцию и настроить ее, чтобы сделать ее более полезной. Теперь можно удалить метатеги по умолчанию, а также проще удалить пользовательские теги.

Автозаполнение закрытых тегов
При использовании системы закрытых тегов, в которой пользователь может выбрать один из предварительно заданных тегов, мы добавили поле поиска, чтобы упростить поиск одного тега из списка, возможно, сотен.

Налоговая поддержка ЕС в коммерческом
налоге не должна облагаться налогом! Но это вообще так. Страны в ЕС часто имеют сложные налоговые ставки. В настоящее время Commerce поддерживает несколько налоговых ставок для потребителей, предприятий и предприятий, зарегистрированных в ЕС с учетом НДС.

                                                                                     4.5: Коммерческие испытания

В версии 4.5 вы можете указать начальный срок, отличный от обычного срока продления для любого плана подписки или продукта. Например, вы можете сделать начальный срок $0 за 1 неделю и обычный срок продления $10 в месяц,  что позволит вам создать бесплатную пробную версию на 1 неделю. Начальный срок не обязательно должен быть $0, вы можете использовать любую специальную цену для начального срока, который вам нравится.

Скрытый текст

Планы подписки с бесплатными пробными версиями

Для разработчиков, создающих свои собственные приложения с интеграцией Commerce, эта функциональность также доступна вам, просто передавая объект DateInterval, представляющий начальный термин при создании счета.

Сбор платежных реквизитов для бесплатных пробных версий

Ранее, если вы покупаете что-то бесплатно, весь последний этап оформления заказа будет пропущен, а счет будет помечен как оплаченный.

В 4.5, если:

• Пользователь покупает что-то, что имеет бесплатный начальный период, но также имеет срок продления (Бесплатная пробная версия), и
• У вас есть способ оплаты, который может собирать данные карты (Stripe, Braintree)

Пользователю будет предложено предоставить платежные реквизиты, которые не будут списаны до окончания бесплатной пробной версии. Если у пользователя уже есть карта в файле, ему не будет предложено снова вводить детали, но будет отображаться экран подтверждения, а не только заказ, помеченный как оплаченный немедленно.

Скрытый текст

Процесс проверки для бесплатной пробной версии