Smart Tiles Введение
В этой статье описаны первые шаги с Smart Tiles: развёртывание веб-части, её добавление на современную страницу SharePoint Online и настройки области свойств, которые применяются ко всей панели. Свойства отдельных плиток — тексты, ссылки, цвета, значки — рассмотрены в статье KB10242. Как добавить и изменить плитку в Smart Tiles.
Перед началом работы
Smart Tiles развёртывается в клиенте один раз администратором SharePoint из каталога приложений клиента. Пакет развёртывается на уровне всего клиента, поэтому веб-часть становится доступной на каждом сайте без отдельного добавления на каждый сайт. Процедура описана в статье KB10035. Установка облачного продукта.
Чтобы добавить веб-часть на страницу, необходимо разрешение на редактирование этой страницы — достаточно уровня разрешений Изменение или членства в группе участников сайта.
📝 Заметка
Smart Tiles работает только на современных страницах. На сайте, который по-прежнему использует классические страницы, сначала создайте современную страницу сайта.
Добавление веб-части на страницу
- Откройте страницу и нажмите Изменить в правом верхнем углу.
- Наведите указатель на место, где должна располагаться панель, пока между разделами или веб-частями не появится линия со знаком +, и нажмите на него, чтобы открыть галерею веб-частей.
- Введите Smart Tiles в поле поиска и нажмите на веб-часть.
Веб-часть появляется на странице с тремя образцами плиток, которые ссылаются на страницы продуктов Vitextra. Они показывают, как выглядит плитка; их можно превратить в собственные ссылки или удалить.
Название веб-части
Над плитками находится поле названия. Нажмите на него и введите заголовок панели, например Быстрые ссылки или Услуги HR. Название необязательно: оставьте его пустым, и на опубликованной странице заголовок показан не будет.
Настройки вида
Нажмите значок карандаша (Изменить веб-часть) слева от веб-части, чтобы открыть область свойств. Группа Вид содержит настройки, которые применяются ко всем плиткам.
| Настройка | Описание |
|---|---|
| Размер шрифта | Размер заголовка плитки, семь ступеней от 14 до 32 px. Описание, если оно показывается, уменьшается пропорционально. |
| Размер значка | Размер значка, шесть ступеней от 20 до 64 px. Собственные изображения значков используют те же размеры. |
| Внутренний Отступ | Пространство над содержимым плитки и под ним, 0–30 px. Большие значения делают плитки выше. |
| Отступ значка | Пространство между значком и заголовком, 0–30 px. |
| Внешний Отступ | Пространство между соседними плитками, 0–30 px. При 0 плитки соприкасаются и образуют сплошную мозаику. |
| Тень | Рисует мягкую тень под значками. |
| Показывать заголовки | Показывает или скрывает заголовки всех плиток. При скрытых заголовках значки центрируются в плитках. |
| Показывать описания | Показывает или скрывает описания всех плиток. Описания остаются доступными во всплывающих подсказках. |
| Эффект наведения | Включает визуальный эффект, когда указатель находится над плиткой. Под переключателем появляются список Эффект, ползунок силы эффекта и Длительность. |
Ползунки и переключатели применяются к странице сразу, поэтому результат можно оценивать по ходу изменения.
💡 Совет
Размеры, отступы и тексты подробно описаны в статьях KB10247. Размеры и расположение плиток в Smart Tiles и KB10249. Отображение заголовков и описаний на плитках; эффекты наведения — в статье KB10248. Настройка эффекта наведения для плиток.
Группа «Информация»
Группа Информация в области свойств показывает лицензию веб-части: Состояние (пробная версия, активна, истекла или приостановлена), Версия веб-части, Дата начала подписки и Клиент, которому она назначена. Во время пробного периода здесь также показывается число оставшихся дней. В группе есть ссылка на страницу продукта, где можно приобрести подписку.
📝 Заметка
Когда доступна более новая версия Smart Tiles, в режиме редактирования над плитками появляется уведомление. Обновление устанавливается загрузкой нового пакета в каталог приложений; страницы и их плитки при этом не затрагиваются.
Размещение панели в разделе во всю ширину
Плитки производят наибольшее впечатление, когда занимают весь экран. Для этого поместите веб-часть в раздел во всю ширину:
- В режиме редактирования наведите указатель на левый край страницы и нажмите +, который появляется между разделами.
- Выберите Раздел во всю ширину в списке макетов.
- Перетащите веб-часть Smart Tiles из текущего раздела в новый или добавьте новую веб-часть Smart Tiles в раздел во всю ширину.
Smart Tiles также подходит для раздела с одной или двумя колонками, а на одной странице может быть несколько веб-частей Smart Tiles — например, по одной панели на подразделение. Каждая веб-часть сохраняет собственные настройки и эффект наведения.
❗ Важно
Разделы во всю ширину доступны на информационных сайтах и на сайтах групп с современным макетом домашней страницы. На странице без разделов во всю ширину плитки заполняют ширину раздела, в котором находятся.
Сохранение страницы
Плитки и настройки хранятся в странице. Нажмите Сохранить как черновик, чтобы продолжить работу позже, или Повторно опубликовать, чтобы панель стала видна посетителям. Пока страница не опубликована повторно, посетители видят её предыдущую версию.
Подробнее о продукте: https://vitextra.com/ru/products/smart-tiles