Использование веб-части "Главный имиджевый баннер"

Веб-часть "Главный имиджевый баннер" на информационных сайтах: "Тема" и "Демонстрация"

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

• Standard общения: обмен информацией, например новостями, событиями и другим содержимым.

• Демонстрация:  используйте фотографии или изображения для демонстрации продукта, команды или мероприятия.

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

При выборе шаблона связи Standard главный герой по умолчанию — это макет с пятью плитками (которые можно изменить с одной до пяти):

При выборе шаблона "Демонстрация " главный герой по умолчанию представляет собой вертикальный макет с тремя слоями (которые можно изменить с одного до пяти слоев):

Макет веб-части "Главный герой" можно изменить с сетки на вертикальные слои или карусели с помощью кнопки (1) Изменить свойства (), а ссылки, изображения и текст для каждой плитки или слоя можно изменить с помощью кнопки (2) Изменить сведения () для каждой плитки или слоя.

1. Кнопка "Изменить веб-часть"

2. Кнопка "Изменить сведения"

Изменение макета веб-части "Главный имиджевый баннер"

Если вы еще не находитесь в режиме редактирования на странице, выберите Изменить в правом верхнем углу страницы.

1. Вы можете выбрать один из трех макетов, доступных для веб-части "Главный герой": "Карусель", "Плитки" и "Слои". Чтобы выбрать макет, выберите Изменить свойства () в левом верхнем углу веб-части, а затем выберите макет в раскрывающемся меню макета:
   
   
   
   Вы также можете выбрать нужный тип макета в области свойств веб-части:
   
   

2. В области свойств веб-части выберите:

   • Добавление слайда для макета Карусели
      

     Советы: 

     • Для макета Карусели, чтобы включить или отключить автоматический переход слайдов, можно включить или отключить переключатель Автовоспроизведение.

     • 

   • Добавление плитки для макета "Плитки"

   • Добавление слоя для макета
     слоев

• Примечание: вы можете выбрать до 5 плиток (например, на Standard сайте связи ), до 5 слоев (как на сайте Showcase) или до 5 изображений в карусели. 

Изменение изображения, текста и ссылок для каждой плитки или слоя

Если вы еще не находитесь в режиме редактирования на странице, выберите Изменить в правом верхнем углу страницы.

1. Выберите Изменить сведения () в правом нижнем углу плитки или слоя, которые требуется изменить.

2. В области свойств выберите Изменить, а затем выберите расположение, из которого будет получена ссылка:

   • Последние: если вы недавно открывали изображения, страницы или документы, вы найдете их в этом списке.

   • Стоковые изображения Стоковые образы предоставляются корпорацией Майкрософт. Они являются высококачественными и размером именно для вашего использования. Если вы являетесь администратором SharePoint, рекомендуется включить сеть доставки содержимого (CDN) для повышения производительности получения изображений.

   • Поиск в Интернете. Вы можете найти изображения из Bing, использующие лицензию Creative Common. Вы несете ответственность за проверку лицензирования для изображения, прежде чем вставлять его на страницу. SharePoint только в Microsoft 365.

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

   • OneDrive: вы можете получить ссылку на документ или изображение, сохраненные в OneDrive. SharePoint только в Microsoft 365.

   • Сайт: вы можете получить ссылку на документ, изображение или страницу с указанного сайта.

   • Отправить: можно добавить документ или изображение со своего устройства.

   • По ссылке: введите ссылку на страницу, документ или изображение из OneDrive или SharePoint в Microsoft 365.

     Примечание: Ссылки, внешние на вашем сайте, не будут отображать предварительный просмотр изображения в GCC High и DoD правительства США, и Office 365 управляет 21Vianet.

3. Выберите изображение, страницу или документ и нажмите кнопку Открыть.

4. В области свойств в разделе Фоновое изображение выберите Пользовательское изображение или Только цвет (цвет доступен только для макета Плитки, а цвет соответствует цвету темы сайта).

   Параметр Авто автоматически выбирает изображение со страницы или документа, на которые вы добавили ссылку, если оно доступно.

5. Введите заголовок для изображения.

   • Чтобы отобразить ссылку Призыв к действию , переключите переключатель на Да. Добавьте текст призыва к действию (например, "Узнайте больше"). Эта ссылка доступна для всех слоев, но только для самой крупной из плиток.
     
     ​​​​​​​

     Примечание: Макет Карусель имеет 3 новых стиля. Для каждого слайда можно задать разные стили (наложение изображения, блок текста, диагонали) для каждого слайда, чтобы изменить содержимое презентации.

     

Изменение фокуса изображения

В SharePoint в Microsoft 365 можно изменить фокус на выбранном изображении в веб-части "Герой", чтобы получить самую важную часть изображения в кадре.

1. Если вы еще не находитесь в режиме редактирования на странице, выберите Изменить в правом верхнем углу страницы.

2. Выберите Задать фокуса на панели инструментов в нижней части изображения главного героя, который вы хотите изменить.

3. Перетащите фокус в нужное место на изображении.
   
   

Изменение порядка изображений, плиток или слоев

Вы можете изменить порядок изображений, плиток или слоев карусели, переместив их в нужное место.

1. Если вы еще не находитесь в режиме редактирования на странице, выберите Изменить в правом верхнем углу страницы.

2. В области свойств щелкните многоточие с тремя точками рядом с изображением, плиткой или слоем, а затем выберите Переместить вверх или Вниз , чтобы изменить порядок. Для плиток и слоев можно также просто выбрать изображение, а затем удерживать и перетаскивать плитку или слой в нужное место.

Поместите веб-часть "Главный герой" в один из двух или трех столбцов

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

1. Если вы еще не находитесь в режиме редактирования, выберите Изменить в правом верхнем углу страницы.

2. Наведите указатель мыши на веб-часть "Главный герой" и выберите кружок + в левой части веб-части.

3. В разделе Макет раздела выберите Два столбца или Три столбца.

4. Веб-часть "Главный герой" теперь находится в левом столбце двух или трех столбцов раздела. 

5. Чтобы переместить веб-часть "Главный герой", выделите изображение, а затем удерживайте и перетащите его в нужный столбец.

Добавление пустой веб-части "Главный имиджевый баннер" на страницу

Вы можете добавить веб-часть "Главный герой" на страницу сайта группы или сайта общения . Для этого выполните указанные ниже действия.

1. Если вы еще не находитесь в режиме редактирования на странице, выберите Изменить в правом верхнем углу страницы. Найдите панель элементов () справа.

2. Выберите Просмотреть все веб-части, а затем выберите или перетащите hero из списка веб-частей.

3. Выберите Изменить свойства () и выберите нужный тип макета: можно использовать сетку от 1 до 5 плиток или от 1 до 5 вертикальных слоев.

4. Выберите Выбрать ссылку для каждой плитки, которую вы хотите изменить.

5. Для каждой плитки на панели элементов выберите Выбрать, а затем выберите расположение, из которого будет получена ссылка:

   На панели элементов выберите Изменить, а затем выберите расположение, из которого будет получена ссылка:

   • Последние: если вы недавно открывали изображения, страницы или документы, вы найдете их в этом списке.

   • Поиск в Интернете. Вы можете найти изображения из Bing, использующие лицензию Creative Common. Вы несете ответственность за проверку лицензирования для изображения, прежде чем вставлять его на страницу. SharePoint только в Microsoft 365.

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

   • OneDrive: вы можете получить ссылку на документ или изображение, сохраненные в OneDrive. SharePoint только в Microsoft 365.

   • Сайт: вы можете получить ссылку на документ, изображение или страницу с указанного сайта.

   • Отправить: можно добавить документ или изображение со своего устройства.

   • По ссылке. Введите ссылку на страницу, документ или изображение из OneDrive для SharePoint в Microsoft 365.

6. Выберите страницу, изображение или документ и нажмите кнопку Открыть.

7. На панели элементов в разделе Изображение щелкните Выбрать или Только цветом. Параметр Авто автоматически выбирает изображение со страницы или документа, на которые вы добавили ссылку, если оно доступно. Цвет доступен только для макета Плитки, а цвет соответствует цвету темы сайта.

8. Добавьте замещающий текст для изображения.

9. Чтобы отобразить ссылку Призыв к действию , переключите переключатель на Да. Добавьте текст призыва к действию (например, "Узнайте больше"). Ссылка "Призыв к действию " доступна для каждого слоя в многоуровневом макете, но только для самой большой плитки в мозаичном макете

Масштабирование изображений в веб-части "Главный герой"

Чтобы выбрать подходящие размеры изображений для веб-части "Главный герой", рассмотрите следующее:

• Веб-часть предназначена для того, чтобы соответствовать ширине экрана в полном макете.

• В макете Плитки высота веб-части масштабируется в соответствии с пропорциями 8:3, а изображения внутри веб-части масштабируются до пропорций 4:3.

• В макете Слоев отдельный слой масштабируется до пропорций 8:3, а изображения внутри каждого слоя — до пропорций, близкого к 9:16.

Когда будет доступен макет Карусель?

Общая доступность (по всему миру, GCC, GCC High и DoD). Развертывание начинается в середине января 2025 г. и будет завершено к концу месяца.

Что происходит с существующими макетами после добавления макета Карусель?

В рамках обновлений веб-части "Главный герой" были внесены следующие изменения:

• Управление элементами Обновления

  Изменился способ управления элементами в веб-части "Главный герой". Вместо того, чтобы задавать количество элементов (1–5), вы можете напрямую добавлять или удалять элементы с помощью нового интуитивно понятного интерфейса слайда . Это упрощает процесс настройки веб-части "Главный герой" в соответствии с конкретными потребностями.

• Корректировки области свойств

  Хотя пользовательский интерфейс в области свойств для макетов плиток и слоев был обновлен для более современного интерфейса, функциональность этих макетов остается неизменной.

•  Не влияет на существующие макеты

  Если в настоящее время вы используете макеты "Плитки" или "Слои", убедитесь, что они останутся такими. Автоматическое преобразование в новый макет Карусели не будет выполняться, что гарантирует, что существующие страницы будут выглядеть и функционировать должным образом.