Веб-часть 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

Как установить продукт Vitextra в SharePoint Online

Пошаговое руководство по установке продукта Vitextra на базе SPFx в SharePoint Online и Microsoft 365: требования к среде и разрешениям, скачивание пакета .sppkg, загрузка в каталог приложений и утверждение запросов доступа к API.

1,9тыс. 3 мин
Smart Tiles: обзор решения

Что такое веб-часть Vitextra Smart Tiles и что она предлагает: навигация на основе плиток для страниц SharePoint Online с шестью источниками значков, цветами темы и предопределёнными цветами, фоновыми изображениями, описаниями, эффектами наведения, таргетингом на аудиторию, импортом и экспортом плиток и поддержкой 44 языков.

101 4 мин
Отображение заголовков и описаний на плитках

Как работают тексты плитки в веб-части Vitextra Smart Tiles: заголовок и описание, настройки «Показывать заголовки» и «Показывать описания», ступени размера шрифта, вывод в одну строку и обрезка, всплывающая подсказка, плитки только со значками, название веб-части и написание текстов, которые помещаются.

100 4 мин
Как добавить и настроить веб-часть Smart Tiles

Пошаговое руководство по добавлению веб-части Vitextra Smart Tiles на страницу SharePoint Online: развёртывание пакета, поиск веб-части в наборе инструментов, образцы плиток, название веб-части, все настройки группы «Вид», группа «Информация» и размещение панели в разделе во всю ширину.

1,9тыс. 4 мин
Настройка фонового изображения плитки

Как использовать картинку в качестве фона плитки в веб-части Vitextra Smart Tiles: пункт «Фоновое изображение», ввод URL-адреса или выбор изображения из библиотеки сайта, как изображение обрезается и масштабируется, как сохранить читаемость заголовка, запасной цвет, эскиз YouTube и удаление изображения.

93 4 мин
Размеры и расположение плиток в Smart Tiles

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

104 4 мин

Вопросы клиентов

Ответы на основные вопросы о 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.11.0 #

    🐛 Исправления

    • Исправлены ошибки локализации.
  2. 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.
  3. v3.5.4 #

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

  4. v3.2.5 #

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

  5. v3.0.4 #

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

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

Доступен в составе комплектов


Получите этот продукт вместе с другими и сэкономьте.

Intranet Communications Pack
$119 /месяц Экономия 18%
Vitextra 365 All Access
$569 /месяц Экономия 32%

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


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

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

Поделиться

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


Нам важно ваше мнение! Пожалуйста, поделитесь своим опытом.