Контент-порталы

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

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

Раздел Контент-порталы

Чтобы начать работу с контент-порталами:

1. Перейдите в Профиль пользователя — Настройки системы.

2. Найдите и откройте раздел «Порталы» в боковом меню.

Если вы не видите этот раздел, обратитесь к администратору вашей системы.

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

Создание нового контент-портала

1. В разделе Порталы нажмите кнопку Создать портал в правом верхнем углу.

2. Откроется окно Настройте ваш портал. Заполните следующие поля:

Название: Придумайте понятное название для вашего портала (например, «Материалы для прессы Осень 2024»). Это поле обязательно для заполнения.

Адрес: Это будущий URL-адрес вашего портала. Он формируется из домена вашей DAM-системы, префикса «/p/» (обозначающего портал) и уникального имени (slug), которое вы можете задать (например, vashakompania.picvario.com/p/leto2024-promo).

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

На данный момент прямой ввод полностью кастомных доменов (например, www.vashbrend-portal.com) не поддерживается, но такая возможность планируется в будущем.

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

Доступ к порталу: Определите, кто сможет просматривать ваш портал:

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

3. После заполнения всех полей нажмите «Продолжить».

Первоначальная настройка дизайна портала

После создания портала вам будет предложено настроить его базовый дизайн в окне «Выберите шрифт и цвета»:

Шрифты: Выберите один из четырех предустановленных шрифтов для вашего портала (например, PT Root UI, Noto Sans, Roboto Sans, Roboto Serif).
- PT Root UI является шрифтом по умолчанию, используемым в интерфейсе Picvario.
- В будущих обновлениях планируется добавить возможность загрузки собственных фирменных шрифтов.
Цвета:
- Акцентный цвет: Этот цвет будет использоваться для выделения активных элементов, например, кнопок.
- Цвет фона: Основной цвет фона вашего портала.
- Цвет текста: Основной цвет для текстовых блоков.

Вам доступна базовая палитра для выбора цветов. Более продвинутый инструмент выбора цвета планируется в будущем.

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

Конструктор портала: структура и элементы

Понимание структуры — ключ к эффективной работе с порталами. Портал строится из трех основных компонентов:

Секции: Это самые крупные блоки вашего портала. Они располагаются друг под другом и определяют общую компоновку страницы.
Колонки: Каждая секция может содержать одну или несколько колонок, которые делят пространство секции по горизонтали.
Элементы: Это наименьшие объекты, которые вы размещаете внутри колонок. Элементами могут быть:
- Актив (изображение, видео из вашей DAM-системы)
- Коллекция (подборка активов из вашей DAM-системы)
- Изображение (загруженное из вашей DAM-системы или напрямую в портал)
- Текст (текстовый блок)
- Кнопка
- Строка поиска
- Промежуток

Типы секций:

Пустые секции (Шаблоны колонок):

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

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

Готовые секции (Предустановленные компоненты):

Это большие, уже настроенные блоки, такие как карусель контента или таблица.

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

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

Пример: Готовая секция «Карусель контента» может отображать активы или коллекции. В отдельном окне Picvario вы выбираете, какие именно активы или коллекции показывать. Вы можете выбрать активы или коллекции вручную или настроить динамическую подборку, сформулировав поисковый запрос. Если в системе будут появляться новые активы или коллекции , соответствующие данному поисковому запросу, они также появятся в подборке. Карусель может отображать контент в виде карточек с дополнительной информацией или просто как галерею изображений.

Некоторые готовые секции позволяют настроить возможность скачивания активов прямо с портала.

Навигация и страницы портала

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

Управление страницами:

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

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

Меню навигации:

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

Глобальные и локальные настройки дизайна

При работе с дизайном портала важно различать два уровня настроек:

Глобальные настройки:

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

Эти настройки применяются ко всему порталу целиком. Сюда входят:

Общие настройки: Название, адрес, язык, тип доступа (эти же настройки вы задавали при создании портала).

Дизайн: Основной макет (например, ширина контентной части), настройки скругления углов для элементов.

Цвета: Основные акцентные цвета, цвета фона и текста для всего портала.

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

Стили кнопок: Определение внешнего вида кнопок по умолчанию.

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

Локальные настройки:

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

Когда вы выбираете какой-либо элемент на странице (например, текстовый блок или кнопку), в правой панели появляются его индивидуальные настройки.

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

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

Мультиязычные порталы

Picvario позволяет создавать порталы на нескольких языках:

Добавление нового языка (локали): Когда вы добавляете новый язык в настройках портала, система создает полную копию (дубликат) всего существующего контента портала для этого нового языка.
Независимое редактирование: Важно понимать, что после создания языковой версии, изменения, которые вы вносите в контент одной версии (например, переводите текст, заменяете изображения, удаляете целые секции), никак не повлияют на другие языковые версии.
- Это обеспечивает максимальную гибкость для локализации, позволяя адаптировать не только текст, но и визуальный контент под аудиторию каждого языка.
Рекомендация: Наиболее эффективный подход — сначала полностью создать и настроить портал на одном (основном) языке. После того как он будет готов, добавьте другие необходимые языки. Затем переключитесь на каждую новую языковую версию и последовательно переведите/локализуйте весь контент.

Публикация и сохранение изменений

Процесс сохранения и публикации изменений в портале имеет несколько особенностей:

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

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

Элементы конструктора

Рассмотрим некоторые элементы и их настройки:

Элемент «Актив»:

Элемент «Актив» позволяет добавить на страницу один актив из вашей DAM системы. Для него доступны следующие настройки:

Выбор актива:
- Заменить: позволяет выбрать или изменить отображаемый актив.
- Перейти к активу: быстрый переход к активу в Picvario (как поиск по UUID).
Кнопка «Скачать»: переключатель включает или отключает отображение кнопки скачивания для актива.
Стиль кнопки: выбор внешнего вида кнопки, например, «Акцентная» или «Нейтральная».
Действие по нажатию: определяет, что произойдет при клике на изображение актива (например, «Открыть в новой вкладке»).
Дополнительное поле: позволяет вывести под изображением значение одного из Свойств актива (например, «Описание», теги и т.д.).

Элемент «Коллекция»:

Элемент «Коллекция» позволяет добавить на страницу одну коллекцию из вашей DAM системы. В качестве изображения отображается главный актив коллекции — её обложка. Для элемента доступны следующие настройки:

Выбор коллекции:
- Заменить: Позволяет выбрать или изменить отображаемую коллекцию.
- Перейти к коллекции: Быстрый переход к коллекции в Picvario.
Кнопка «Скачать»: переключатель включает или отключает отображение кнопки скачивания для всех активов внутри выбранной коллекции.
Стиль кнопки: Выбор внешнего вида кнопки, например, «Акцентная» или «Нейтральная».
Дополнительное поле: позволяет вывести под изображением значение одного из Свойств коллекции (например, «Описание», «Теги» и т.д.).

Элемент «Изображение»:

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

Вы можете настроить размер изображения и выбрать режим отображения:

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

Элемент «Текст»:

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

Более детальные настройки доступны в правой панели: выбор стиля из глобальной типографики (например, Заголовок 1, Основной текст), изменение цвета текста.

Элемент «Кнопка»:

Для кнопки доступны следующие настройки:

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

Элемент «Строка поиска»:

Это базовая строка поиска.

Она не выполняет поиск внутри самого контент-портала.

Когда пользователь вводит запрос в эту строку поиска и нажимает Enter (или иконку поиска), он перенаправляется в основную систему Picvario DAM, где уже будет выполнен поиск по введенному запросу.

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

Элемент «Промежуток»:

Простой элемент, который добавляет вертикальный отступ (пустое пространство) между другими секциями или элементами.
Вы можете настроить высоту этого отступа.

Управление существующими порталами

Вы всегда можете вернуться к настройкам созданных порталов в разделе «Порталы»:

Редактировать: Изменить любые настройки портала, включая его контент и дизайн.
Обновить контент: Если вы добавите новые активы в коллекцию, опубликованную на портале, или удалите из нее что-то, эти изменения автоматически отразятся на портале (может потребоваться некоторое время на обновление кэша или ручная перепубликация портала для немедленного отображения изменений, в зависимости от настроек системы).
Временно скрыть (деактивировать): Если портал временно не нужен, но вы не хотите его удалять. Это можно сделать, изменив его статус публикации.
Удалить: Полностью удалить портал. Это действие необратимо.

Статьи в этом разделе