Smart Tiles
Мощная веб-часть навигации, позволяющая пользователям создавать визуально привлекательные и интуитивно понятные навигационные меню на сайтах SharePoint.
- окт. 2026
- v26.10.4
- Поддерживаемые языки
- 9
Веб-часть Smart Tiles — это мощный инструмент, который позволяет пользователям создавать визуально привлекательные и интуитивно понятные навигационные меню на сайтах SharePoint, размещая настраиваемые плитки в адаптивной сетке, соответствующей фирменному стилю компании.
- Адаптивный дизайн
- Настраиваемый размер плитки, иконки и шрифта
- Богатая цветовая палитра
- Более 1800 официальных иконок Microsoft 365
- Поддержка секций во всю ширину страницы
Обзор
Веб-часть Smart Tiles — это мощный инструмент, который позволяет пользователям создавать визуально привлекательные и интуитивно понятные навигационные меню на сайтах SharePoint Online.
С помощью этой веб-части пользователи могут легко добавлять и настраивать плитки, каждая из которых представляет отдельную страницу или раздел сайта, и размещать их в адаптивной сетке.
Веб-часть обеспечивает удобный и эффективный способ навигации по сайту, улучшая общее впечатление пользователей и упрощая поиск и доступ к важной информации. Благодаря гибким возможностям оформления и удобному интерфейсу веб-часть Smart Tiles — незаменимый инструмент для улучшения навигации по сайту и повышения продуктивности.
Настраиваемые плитки
Создавайте и настраивайте плитки с помощью простого в использовании конфигуратора. Веб-часть Smart Tiles поддерживает официальные иконки Microsoft 365 — на выбор более 1800 иконок Fluent UI, — чтобы вы могли создать именно те плитки, которые вам нужны. Размер плитки, иконки и шрифта полностью настраивается.

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

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

База знаний
Статьи базы знаний о 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 не поддерживаются. Для добавления веб-части требуется уровень разрешений «Изменение», посетителям нужен доступ на чтение к фоновым и пользовательским изображениям, а изменения становятся видны после повторной публикации страницы. У плитки может быть либо фоновое изображение, либо цвет, а высоту плитки нельзя задать напрямую. Подписка действует на весь тенант без ограничения числа пользователей. См. Руководство администратора и Краткое руководство по началу работы.
Отзывы
Еще нет отзывов
Поддерживаемые языки
Список поддерживаемых языков
Платформы
Поддерживаемые платформы
Последние изменения
- 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.
- v3.5.4 #
Незначительные исправления ошибок и улучшения
- v3.2.5 #
🚀 Новые возможности:
Добавлен набор иконок для продуктов и сервисов Microsoft Azure - v3.0.4 #
🚀 Новые функции:
#22091 Набор иконок продуктов Microsoft #22092 Набор иконок для типов файлов🐞 Исправленыe ошибки:
Незначительные ошибки и улучшение локализации - v2.2.3 #
🚀 Улучшения:
- Добавлены теги ARIA для плиток
🐞 Исправленные ошибки:
- Длинный текст в навигационной плитке не обрезан
- Кнопка закрытия диалогового окна не видна
- Значки не отображаются в Microsoft Teams
Обзор других приложений
Рекомендуемые приложения
Поделиться
Отправить отзыв
Мы хотели бы услышать Вас! Пожалуйста, найдите время, чтобы сообщить нам о вашем опыте.





