--- title: "Как добавить и настроить веб-часть Smart Tiles" description: "Пошаговое руководство по добавлению веб-части Vitextra Smart Tiles на страницу SharePoint Online: развёртывание пакета, поиск веб-части в наборе инструментов, образцы плиток, название веб-части, все настройки группы «Вид», группа «Информация» и размещение панели в разделе во всю ширину." url: https://vitextra.com/ru/support/kb/10042 language: ru published: 2024-11-23 modified: 2026-10-10 products: - "Smart Tiles" author: "Lidija Reising" tags: ["добавить веб-часть Smart Tiles", "настроить Smart Tiles", "настройка навигации плитками SharePoint Online", "область свойств веб-части", "настройки вида", "веб-часть в разделе во всю ширину", "установка Vitextra Smart Tiles", "плитки на странице SharePoint", "настройки Smart Tiles", "панель навигации плитками"] --- # Как добавить и настроить веб-часть Smart Tiles Пошаговое руководство по добавлению веб-части Vitextra Smart Tiles на страницу SharePoint Online: развёртывание пакета, поиск веб-части в наборе инструментов, образцы плиток, название веб-части, все настройки группы «Вид», группа «Информация» и размещение панели в разделе во всю ширину. ## Введение В этой статье описаны первые шаги с [Smart Tiles](https://vitextra.com/ru/products/smart-tiles): развёртывание веб-части, её добавление на современную страницу ::SharePoint Online:: и настройки области свойств, которые применяются ко всей панели. Свойства отдельных плиток — тексты, ссылки, цвета, значки — рассмотрены в статье [KB10242. Как добавить и изменить плитку в Smart Tiles](https://vitextra.com/ru/support/kb/10242). ## Перед началом работы Smart Tiles развёртывается в клиенте один раз администратором SharePoint из ::каталога приложений:: клиента. Пакет развёртывается на уровне всего клиента, поэтому веб-часть становится доступной на каждом сайте без отдельного добавления на каждый сайт. Процедура описана в статье [KB10035. Установка облачного продукта](https://vitextra.com/ru/support/kb/10035). Чтобы добавить веб-часть на страницу, необходимо разрешение на редактирование этой страницы — достаточно уровня разрешений **Изменение** или членства в группе участников сайта. 📝 **Заметка** Smart Tiles работает только на современных страницах. На сайте, который по-прежнему использует классические страницы, сначала создайте современную страницу сайта. ## Добавление веб-части на страницу 1. Откройте страницу и нажмите **Изменить** в правом верхнем углу. 2. Наведите указатель на место, где должна располагаться панель, пока между разделами или веб-частями не появится линия со знаком **+**, и нажмите на него, чтобы открыть ::галерею веб-частей::. 3. Введите *Smart Tiles* в поле поиска и нажмите на веб-часть. ![Smart Tiles в наборе инструментов веб-частей](https://static.vitextra.com/articles/10042/web-part-toolbox-ru.png) *Smart Tiles в наборе инструментов веб-частей* Веб-часть появляется на странице с тремя образцами плиток, которые ссылаются на страницы продуктов Vitextra. Они показывают, как выглядит плитка; их можно превратить в собственные ссылки или удалить. ![Веб-часть с образцами плиток](https://static.vitextra.com/articles/10042/sample-tiles-ru.png) *Веб-часть с образцами плиток* ## Название веб-части Над плитками находится поле названия. Нажмите на него и введите заголовок панели, например *Быстрые ссылки* или *Услуги HR*. Название необязательно: оставьте его пустым, и на опубликованной странице заголовок показан не будет. ## Настройки вида Нажмите значок карандаша (**Изменить веб-часть**) слева от веб-части, чтобы открыть область свойств. Группа **Вид** содержит настройки, которые применяются ко всем плиткам. ![Группа «Вид» в области свойств](https://static.vitextra.com/articles/10042/appearance-group-ru.png) *Группа «Вид» в области свойств* |::Настройка::|::Описание::| |:---|:---| |**Размер шрифта**|Размер заголовка плитки, семь ступеней от 14 до 32 px. Описание, если оно показывается, уменьшается пропорционально.| |**Размер значка**|Размер значка, шесть ступеней от 20 до 64 px. Собственные изображения значков используют те же размеры.| |**Внутренний Отступ**|Пространство над содержимым плитки и под ним, 0–30 px. Большие значения делают плитки выше.| |**Отступ значка**|Пространство между значком и заголовком, 0–30 px.| |**Внешний Отступ**|Пространство между соседними плитками, 0–30 px. При 0 плитки соприкасаются и образуют сплошную мозаику.| |**Тень**|Рисует мягкую тень под значками.| |**Показывать заголовки**|Показывает или скрывает заголовки всех плиток. При скрытых заголовках значки центрируются в плитках.| |**Показывать описания**|Показывает или скрывает описания всех плиток. Описания остаются доступными во всплывающих подсказках.| |**Эффект наведения**|Включает визуальный эффект, когда указатель находится над плиткой. Под переключателем появляются список **Эффект**, ползунок силы эффекта и **Длительность**.| Ползунки и переключатели применяются к странице сразу, поэтому результат можно оценивать по ходу изменения. 💡 **Совет** Размеры, отступы и тексты подробно описаны в статьях [KB10247. Размеры и расположение плиток в Smart Tiles](https://vitextra.com/ru/support/kb/10247) и [KB10249. Отображение заголовков и описаний на плитках](https://vitextra.com/ru/support/kb/10249); эффекты наведения — в статье [KB10248. Настройка эффекта наведения для плиток](https://vitextra.com/ru/support/kb/10248). ## Группа «Информация» Группа **Информация** в области свойств показывает лицензию веб-части: **Состояние** (пробная версия, активна, истекла или приостановлена), **Версия** веб-части, **Дата начала** подписки и **Клиент**, которому она назначена. Во время пробного периода здесь также показывается число оставшихся дней. В группе есть ссылка на страницу продукта, где можно приобрести подписку. 📝 **Заметка** Когда доступна более новая версия Smart Tiles, в режиме редактирования над плитками появляется уведомление. Обновление устанавливается загрузкой нового пакета в каталог приложений; страницы и их плитки при этом не затрагиваются. ## Размещение панели в разделе во всю ширину Плитки производят наибольшее впечатление, когда занимают весь экран. Для этого поместите веб-часть в ::раздел во всю ширину::: 1. В режиме редактирования наведите указатель на левый край страницы и нажмите **+**, который появляется между разделами. 2. Выберите **Раздел во всю ширину** в списке макетов. 3. Перетащите веб-часть Smart Tiles из текущего раздела в новый или добавьте новую веб-часть Smart Tiles в раздел во всю ширину. ![Добавление раздела во всю ширину](https://static.vitextra.com/articles/10042/full-width-section-ru.png) *Добавление раздела во всю ширину* Smart Tiles также подходит для раздела с одной или двумя колонками, а на одной странице может быть несколько веб-частей Smart Tiles — например, по одной панели на подразделение. Каждая веб-часть сохраняет собственные настройки и эффект наведения. ❗ **Важно** Разделы во всю ширину доступны на информационных сайтах и на сайтах групп с современным макетом домашней страницы. На странице без разделов во всю ширину плитки заполняют ширину раздела, в котором находятся. ## Сохранение страницы Плитки и настройки хранятся в странице. Нажмите **Сохранить как черновик**, чтобы продолжить работу позже, или **Повторно опубликовать**, чтобы панель стала видна посетителям. Пока страница не опубликована повторно, посетители видят её предыдущую версию. Подробнее о продукте: