Веб-часть Smart Tiles — это мощный инструмент, который позволяет пользователям создавать визуально привлекательные и интуитивно понятные навигационные меню на сайтах SharePoint, размещая настраиваемые плитки в адаптивной сетке, соответствующей фирменному стилю компании.

  • Адаптивный дизайн
  • Настраиваемый размер плитки, иконки и шрифта
  • Богатая цветовая палитра
  • Более 1800 официальных иконок Microsoft 365
  • Поддержка секций во всю ширину страницы
$9 / месяц
Вход

Обзор

Веб-часть Smart Tiles — это мощный инструмент, который позволяет пользователям создавать визуально привлекательные и интуитивно понятные навигационные меню на сайтах SharePoint Online.

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

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

Настраиваемые плитки

Создавайте и настраивайте плитки с помощью простого в использовании конфигуратора. Веб-часть Smart Tiles поддерживает официальные иконки Microsoft 365 — на выбор более 1800 иконок Fluent UI, — чтобы вы могли создать именно те плитки, которые вам нужны. Размер плитки, иконки и шрифта полностью настраивается.

Vitextra Веб-часть Smart Tiles

Адаптивный дизайн

Smart Tiles поддерживает гибкую flexbox-сетку для построения собственного макета плиток. Система из двенадцати столбцов, настраиваемые внутренние отступы и расстояние между плитками позволяют создать навигацию, соответствующую корпоративному брендингу вашего портала.

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

Vitextra Веб-часть Smart Tiles. Адаптивный дизайн

Богатая цветовая палитра

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

Vitextra Веб-часть Smart Tiles. Богатая цветовая палитра

Снимки экрана


База знаний


Статьи базы знаний о Smart Tiles

Ответы на Вопросы

Ответы на основные вопросы о Smart Tiles

Что такое Smart Tiles?

Smart Tiles — это навигационная веб-часть на основе плиток для современных страниц SharePoint Online. Владельцы сайтов создают привлекательные адаптивные навигационные меню прямо на странице — панели быстрых ссылок, панели отделов, мозаичные макеты — с иконками, цветами, фоновыми изображениями и нацеливанием на аудиторию, и всё это без кода. Начните с Обзора решения и статьи Как добавить и настроить веб-часть Smart Tiles.


Какие размеры плиток и макеты доступны?

Доступны шесть размеров плиток — Очень маленькая (15 % строки), Маленькая (30 %), Средняя (45 %), Большая (65 %), Очень большая (80 %) и Во всю ширину (100 %). Плитки автоматически переносятся на новые строки и растягиваются, чтобы заполнить доступную ширину, а веб-часть можно разместить в разделе во всю ширину. Размер шрифта, размер иконок и отступы настраиваются. Подробности см. в статье Размеры плиток и макет в Smart Tiles.


Какие иконки и изображения можно использовать на плитках?

Вы можете выбирать из пяти наборов иконок — Стандартный (более 1 800 иконок Fluent UI), Типы файлов, Приложения (логотипы приложений Microsoft 365), Службы Azure и Vitextra — или загрузить собственное изображение SVG/PNG. У каждой плитки также может быть фоновое изображение по URL-адресу или из библиотеки сайта; ссылки на YouTube автоматически получают миниатюру и кнопку воспроизведения. См. Выбор иконок для плиток, Использование собственного изображения в качестве иконки плитки и Настройка фонового изображения плитки.


Можно ли показывать разные плитки разным пользователям?

Да. Каждая плитка поддерживает нацеливание на аудиторию по группам сайта SharePoint или группам Microsoft Entra ID, поэтому плитка видна только участникам выбранных групп. Плитки могут вести на веб-адреса, пути относительно тенанта, якоря на странице, ссылки mailto:, tel:, sms: и ссылки Microsoft Teams, при необходимости открываясь в новой вкладке.


Как работают цвета и эффекты при наведении?

Цвета фона и шрифта выбираются отдельно из шести акцентных цветов темы (которые следуют теме сайта), 31 предопределённого цвета Fluent UI, а также чёрного и белого. Доступны девять эффектов при наведении (яркость, размытие, поворот оттенка и т. д.) с настраиваемой интенсивностью и длительностью; они учитывают фокус с клавиатуры и настройки уменьшения движения. См. Цвета плиток в Smart Tiles и Настройка эффекта при наведении для плиток.


Каковы требования и ограничения?

Smart Tiles работает только на современных страницах SharePoint Online; SharePoint Server 2016 и 2019 не поддерживаются. Для добавления веб-части требуется уровень разрешений «Изменение», посетителям нужен доступ на чтение к фоновым и пользовательским изображениям, а изменения становятся видны после повторной публикации страницы. У плитки может быть либо фоновое изображение, либо цвет, а высоту плитки нельзя задать напрямую. Подписка действует на весь тенант без ограничения числа пользователей. См. Руководство администратора и Краткое руководство по началу работы.


Отзывы

Еще нет отзывов

Будьте первым, кто оценит этот продукт.

Поддерживаемые языки

Список поддерживаемых языков

Nederlands (Nederland)
English
Deutsch
Ελληνικά (Ελλάδα)
latviešu (Latvija)
norsk bokmål (Norge)
русский
español (España, alfabetización internacional)
українська (Україна)

Платформы

Поддерживаемые платформы

SharePoint Online

Последние изменения

  1. v26.10.4 #

    🚀 Новые возможности

    • Таргетинг по аудиториям — плитку можно показывать только выбранным группам SharePoint сайта или группам Microsoft Entra ID. Плитки без аудитории по-прежнему видны всем; таргетинг скрывает плитку, но не защищает ссылку.
    • Описание плитки — короткий текст под названием и во всплывающей подсказке. Отключается новой настройкой Показывать описания.
    • Фоновое изображение — собственная картинка в качестве фона плитки: укажите URL-адрес или выберите изображение из библиотек документов сайта.
    • Своё изображение значка — любое изображение может заменить значок, наряду с наборами Стандартный, Тип файла, Приложение, Azure и Vitextra.
    • Импорт и экспорт — плитки сохраняются в файл JSON и загружаются на другой странице или сайте в режиме Заменить все или Добавить к существующим.
    • Новые типы ссылок — плитки открывают ссылки электронной почты, телефона, SMS и Microsoft Teams (mailto:, tel:, sms:, msteams:).
    • Эффект размытия — новый вариант Размытие в списке Эффект наведения (0–20 пикс.).
    • Быстрая загрузка — посетителям загружается примерно вдвое меньше кода; инструменты редактирования и окно просмотра подгружаются только по необходимости.
    • Плавный эффект наведения — эффект анимируется и при наведении, и при уходе указателя, работает при фокусе с клавиатуры и учитывает системную настройку «уменьшить движение».
    • Видео на весь экран — видео YouTube, открытое в диалоге, можно развернуть на весь экран, а диалог подстраивается под узкие экраны.
    • SharePoint Framework 1.24 — веб-часть собрана на актуальном SharePoint Framework и React 18.
  2. v3.5.4 #

    Незначительные исправления ошибок и улучшения

  3. v3.2.5 #

    🚀 Новые возможности:
    Добавлен набор иконок для продуктов и сервисов Microsoft Azure

  4. v3.0.4 #

    🚀 Новые функции:
    #22091 Набор иконок продуктов Microsoft #22092 Набор иконок для типов файлов

    🐞 Исправленыe ошибки:
    Незначительные ошибки и улучшение локализации

  5. v2.2.3 #

    🚀 Улучшения:

    • Добавлены теги ARIA для плиток

    🐞 Исправленные ошибки:

    • Длинный текст в навигационной плитке не обрезан
    • Кнопка закрытия диалогового окна не видна
    • Значки не отображаются в Microsoft Teams

Обзор других приложений


Рекомендуемые приложения

Announcements Carousel
9 $ /месяц
QR Code Generator
9 $ /месяц
RSS Reader
29 $ /месяц

Поделиться

Отправить отзыв


Мы хотели бы услышать Вас! Пожалуйста, найдите время, чтобы сообщить нам о вашем опыте.