--- title: "Навигационная веб-часть Smart Tiles для SharePoint Online" description: "Веб-часть навигации на основе плиток для SharePoint Online и Microsoft Teams. Богатая цветовая палитра, иконки Fluent UI, гибкая разметка, поддержка секций во всю ширину страницы." url: https://vitextra.com/ru/products/smart-tiles language: ru published: 2020-04-25 modified: 2026-10-23 products: - "Smart Tiles" --- # Smart Tiles Мощная веб-часть навигации, позволяющая пользователям создавать визуально привлекательные и интуитивно понятные навигационные меню на сайтах SharePoint. Веб-часть Smart Tiles — это мощный инструмент, который позволяет пользователям создавать визуально привлекательные и интуитивно понятные навигационные меню на сайтах SharePoint, размещая настраиваемые плитки в адаптивной сетке, соответствующей фирменному стилю компании. ## Возможности - Адаптивный дизайн - Настраиваемый размер плитки, иконки и шрифта - Богатая цветовая палитра - Более 1800 официальных иконок Microsoft 365 - Поддержка секций во всю ширину страницы ## Обзор Веб-часть Smart Tiles — это мощный инструмент, который позволяет пользователям создавать визуально привлекательные и интуитивно понятные навигационные меню на сайтах ::SharePoint Online::. С помощью этой веб-части пользователи могут легко добавлять и настраивать плитки, каждая из которых представляет отдельную страницу или раздел сайта, и размещать их в адаптивной сетке. Веб-часть обеспечивает удобный и эффективный способ навигации по сайту, улучшая общее впечатление пользователей и упрощая поиск и доступ к важной информации. Благодаря гибким возможностям оформления и удобному интерфейсу веб-часть Smart Tiles — незаменимый инструмент для улучшения навигации по сайту и повышения продуктивности. ### Настраиваемые плитки Создавайте и настраивайте плитки с помощью простого в использовании конфигуратора. Веб-часть Smart Tiles поддерживает [официальные иконки Microsoft 365](https://developer.microsoft.com/ru-ru/fluentui#/styles/web/icons) — на выбор более 1800 иконок Fluent UI, — чтобы вы могли создать именно те плитки, которые вам нужны. Размер плитки, иконки и шрифта полностью настраивается. ![Vitextra Веб-часть Smart Tiles](https://static.vitextra.com/products/screens/smart-tiles-settings.png) ### Адаптивный дизайн Smart Tiles поддерживает гибкую flexbox-сетку для построения собственного макета плиток. Система из двенадцати столбцов, настраиваемые внутренние отступы и расстояние между плитками позволяют создать навигацию, соответствующую корпоративному брендингу вашего портала. Веб-часть также поддерживает секции во всю ширину на современных страницах SharePoint, поэтому навигация может занимать всю ширину страницы, если этого требует дизайн. ![Vitextra Веб-часть Smart Tiles. Адаптивный дизайн](https://static.vitextra.com/products/screens/smart-tiles-responsive.png) ### Богатая цветовая палитра Подберите цвета плиток под оформление вашего интранета с помощью богатой цветовой палитры: сразу доступны 33 предустановленных цвета и шесть акцентных. В сочетании с гибкими параметрами разметки палитра позволяет легко создать навигационную панель, которая выглядит как органичная часть корпоративного дизайна. ![Vitextra Веб-часть Smart Tiles. Богатая цветовая палитра](https://static.vitextra.com/products/smart-tiles-color-palette.png) ## Цены - Месячная подписка: $9 USD в месяц - Годовая подписка: $89 USD / год ## Платформы - SharePoint Online ## Поддерживаемые языки: 9 Nederlands (Nederland), English, Deutsch, Ελληνικά (Ελλάδα), latviešu (Latvija), norsk bokmål (Norge), русский, español (España, alfabetización internacional), українська (Україна) ## Последняя версия - v26.10.4 (2026-10-08) — [Скачивание](https://vitextra.blob.core.windows.net/downloads/Vitextra.SmartTiles.2026Q4.zip) - [Журнал изменений](https://vitextra.com/ru/products/smart-tiles/changelog) ([RSS](https://vitextra.com/ru/rss/changelog)) ## Ответы на Вопросы ### Что такое Smart Tiles? Smart Tiles — это навигационная веб-часть на основе плиток для современных страниц SharePoint Online. Владельцы сайтов создают привлекательные адаптивные навигационные меню прямо на странице — панели быстрых ссылок, панели отделов, мозаичные макеты — с иконками, цветами, фоновыми изображениями и нацеливанием на аудиторию, и всё это без кода. Начните с [Обзора решения](https://vitextra.com/ru/support/kb/10240) и статьи [Как добавить и настроить веб-часть Smart Tiles](https://vitextra.com/ru/support/kb/10042). ### Какие размеры плиток и макеты доступны? Доступны шесть размеров плиток — Очень маленькая (15 % строки), Маленькая (30 %), Средняя (45 %), Большая (65 %), Очень большая (80 %) и Во всю ширину (100 %). Плитки автоматически переносятся на новые строки и растягиваются, чтобы заполнить доступную ширину, а веб-часть можно разместить в разделе во всю ширину. Размер шрифта, размер иконок и отступы настраиваются. Подробности см. в статье [Размеры плиток и макет в Smart Tiles](https://vitextra.com/ru/support/kb/10247). ### Какие иконки и изображения можно использовать на плитках? Вы можете выбирать из пяти наборов иконок — Стандартный (более 1 800 иконок Fluent UI), Типы файлов, Приложения (логотипы приложений Microsoft 365), Службы Azure и Vitextra — или загрузить собственное изображение SVG/PNG. У каждой плитки также может быть фоновое изображение по URL-адресу или из библиотеки сайта; ссылки на YouTube автоматически получают миниатюру и кнопку воспроизведения. См. [Выбор иконок для плиток](https://vitextra.com/ru/support/kb/10243), [Использование собственного изображения в качестве иконки плитки](https://vitextra.com/ru/support/kb/10244) и [Настройка фонового изображения плитки](https://vitextra.com/ru/support/kb/10245). ### Можно ли показывать разные плитки разным пользователям? Да. Каждая плитка поддерживает нацеливание на аудиторию по группам сайта SharePoint или группам Microsoft Entra ID, поэтому плитка видна только участникам выбранных групп. Плитки могут вести на веб-адреса, пути относительно тенанта, якоря на странице, ссылки `mailto:`, `tel:`, `sms:` и ссылки Microsoft Teams, при необходимости открываясь в новой вкладке. ### Как работают цвета и эффекты при наведении? Цвета фона и шрифта выбираются отдельно из шести акцентных цветов темы (которые следуют теме сайта), 31 предопределённого цвета Fluent UI, а также чёрного и белого. Доступны девять эффектов при наведении (яркость, размытие, поворот оттенка и т. д.) с настраиваемой интенсивностью и длительностью; они учитывают фокус с клавиатуры и настройки уменьшения движения. См. [Цвета плиток в Smart Tiles](https://vitextra.com/ru/support/kb/10043) и [Настройка эффекта при наведении для плиток](https://vitextra.com/ru/support/kb/10248). ### Каковы требования и ограничения? Smart Tiles работает только на современных страницах SharePoint Online; SharePoint Server 2016 и 2019 не поддерживаются. Для добавления веб-части требуется уровень разрешений «Изменение», посетителям нужен доступ на чтение к фоновым и пользовательским изображениям, а изменения становятся видны после повторной публикации страницы. У плитки может быть либо фоновое изображение, либо цвет, а высоту плитки нельзя задать напрямую. Подписка действует на весь тенант без ограничения числа пользователей. См. [Руководство администратора](https://vitextra.com/docs/Smart%20Tiles.%20Administrator%20Guide.pdf) и [Краткое руководство по началу работы](https://vitextra.com/docs/Smart%20Tiles.%20Quick%20Start%20Guide.pdf). ## База знаний - [Настройка фонового изображения плитки](https://vitextra.com/ru/support/kb/10245) ([Markdown](https://vitextra.com/ru/support/kb/10245.md)) - [Настройка эффекта наведения для плиток](https://vitextra.com/ru/support/kb/10248) ([Markdown](https://vitextra.com/ru/support/kb/10248.md)) - [Отображение заголовков и описаний на плитках](https://vitextra.com/ru/support/kb/10249) ([Markdown](https://vitextra.com/ru/support/kb/10249.md)) - [Размеры и расположение плиток в Smart Tiles](https://vitextra.com/ru/support/kb/10247) ([Markdown](https://vitextra.com/ru/support/kb/10247.md)) - [Smart Tiles: обзор решения](https://vitextra.com/ru/support/kb/10240) ([Markdown](https://vitextra.com/ru/support/kb/10240.md)) - [Установка продукта Vitextra в SharePoint Online](https://vitextra.com/ru/support/kb/10035) ([Markdown](https://vitextra.com/ru/support/kb/10035.md)) - [Как добавить и настроить веб-часть Smart Tiles](https://vitextra.com/ru/support/kb/10042) ([Markdown](https://vitextra.com/ru/support/kb/10042.md)) - [Цвета плиток в Smart Tiles: акцентные цвета темы и предопределённые цвета](https://vitextra.com/ru/support/kb/10043) ([Markdown](https://vitextra.com/ru/support/kb/10043.md)) [База знаний](https://vitextra.com/ru/products/smart-tiles/articles)