Використання веб-частини Hero

Веб-частина Hero на сайтах для спілкування: типи "Тема" й "Демонстрація"

Створюючи сайт для спілкування, можна почати з пустого сайту або вибрати один із інших шаблонів сайту, кожен із яких постачається зі стандартним набором веб-частин. Деякі з цих шаблонів сайтів для спілкування постачаються з веб-частиною Hero, наприклад:

• Standard спілкування: обмінюйтеся інформацією, наприклад новинами, подіями та іншим вмістом.

• Демонстрація:  використовуйте фотографії або зображення, щоб продемонструвати продукт, команду або подію.

У цих шаблонах веб-частина Hero додається до сторінки за замовчуванням. Його попередньо заповнено зображеннями, текстом і посиланнями за замовчуванням, які ви змінюєте, щоб продемонструвати власні зображення, текст, сторінки, посилання або документи.

Якщо вибрати шаблон зв'язку Standard, стандартним героєм буде фрагментований макет із п'ятьма плитками (які можна змінити з однієї на п'яту):

Якщо вибрати шаблон "Демонстрація ", стандартним героєм буде вертикальний макет із трьома шарами (який можна змінити з одного на п'ять шарів):

Макет веб-частини Hero можна змінити з сітки на вертикальні шари або каруселі за допомогою кнопки (1) Редагувати властивості (), а також змінити посилання, зображення та текст для кожної плитки або шару за допомогою кнопки (2) Редагувати відомості () для кожної плитки або шару.

1. Кнопка "Змінити веб-частину".

2. Кнопка "Змінити відомості".

Змінення макета веб-частини Hero

Якщо ви ще не перебуваєте в режимі редагування на сторінці, виберіть Редагувати у верхньому правому куті сторінки.

1. Ви можете вибрати один із трьох макетів, доступних для веб-частини Hero: Карусель, Плитки та Шари. Щоб вибрати макет, у верхньому лівому куті веб-частини виберіть пункт Редагувати властивості (), а потім виберіть макет у розкривному меню макета:
   
   
   
   Або можна вибрати потрібний тип макета в області властивостей веб-частини:
   
   

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

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

     Поради.: 

     • Щоб увімкнути або вимкнути перехід автоматичних слайдів для макета "Карусель", можна ввімкнути або вимкнути перемикач Автовідтворення.

     • 

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

   • Додавання шару для макета
     "Шари"

• Примітка.: можна вибрати до 5 плиток (наприклад, на Standard сайті для спілкування ) або до 5 шарів (наприклад, на сайті "Демонстрація") або до 5 зображень у каруселі. 

Змінення зображення, тексту та посилань для кожної плитки або шару

Якщо ви ще не перебуваєте в режимі редагування на сторінці, виберіть Редагувати у верхньому правому куті сторінки.

1. У правому нижньому куті плитки або шару виберіть Редагувати відомості ().

2. В області властивостей натисніть кнопку Змінити, а потім виберіть розташування, з якого потрібно отримати посилання:

   • Останні. Тут можна знайти зображення, сторінки або документи, які ви нещодавно відкривали.

   • Біржові зображення Біржові зображення надає корпорація Майкрософт. Вони якісні та підходять саме для вашого використання. Якщо ви адміністратор SharePoint, радимо ввімкнути мережу доставки вмісту (CDN), щоб підвищити продуктивність отримання зображень.

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

   • Ваша організація: якщо ваша організація вказала набір затверджених активів, ви зможете вибрати з цього набору тут.  Якщо ви Admin SharePoint і хочете дізнатися, як створити бібліотеку активів для вашої організації, див. статтю Створення бібліотеки активів організації.

   • OneDrive. Тут можна отримати посилання на документ або зображення, збережене у OneDrive. SharePoint лише в Microsoft 365.

   • Сайт. Тут можна отримати посилання на документ, зображення або сторінку з указаного сайту.

   • Передати. Тут можна передати документ або зображення з персонального пристрою.

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

     Примітка.: Посилання на зовнішній сайт не відображатимуть зображення для попереднього перегляду в U.S. Government GCC High and DoD, а Office 365 працює 21Vianet.

3. Виберіть зображення, сторінку або документ і натисніть кнопку Відкрити.

4. В області властивостей у розділі Зображення тла виберіть настроюване зображення або Лише колір (лише колір доступний лише для макета Плитки, а колір відповідає кольору теми сайту).

   Якщо вибрати параметр Автоматично вибране зображення, зображення автоматично додасться зі сторінки або документа, на який указує посилання.

5. Введіть верхній колонтитул для зображення.

   • Щоб відобразити посилання на дію Виклик , установіть перемикач у положення Так. Потім слід заповнити поле Текст із закликом (наприклад, ввести "Докладні відомості"). Посилання із закликом можна створити для кожного шару в багатошаровому макеті, проте лише для найбільшої плитки в плитковому макеті.
     
     ​​​​​​​

     Примітка.: Макет "Карусель" має 3 нових стилі. Ви можете налаштувати різні стилі (накладання зображень, блок тексту, діагональний поділ) для кожного слайда, щоб змінити презентацію вмісту.

     

Змінення фокусної точки зображення

У SharePoint в Microsoft 365 можна змінити фокусну точку на вибраному зображенні у веб-частині Hero, щоб отримати найважливішу частину зображення в рамці.

1. Якщо ви ще не перебуваєте в режимі редагування на сторінці, виберіть Редагувати у верхньому правому куті сторінки.

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

3. Перетягніть фокусну точку в потрібне місце на зображенні.
   
   

Перевпорядкування зображень, плиток або шарів каруселі

Ви можете перевпорядкувати зображення, плитки або шари каруселі, перемістивши їх у потрібне місце.

1. Якщо ви ще не перебуваєте в режимі редагування на сторінці, виберіть Редагувати у верхньому правому куті сторінки.

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

Розміщення веб-частини Hero в одному з двох або трьох стовпців

Передбачається, що веб-частина Hero заповнюватиме всю ширину сторінки. Якщо потрібно, щоб веб-частина Hero не поширювалася на всю ширину, це можна зробити, змінивши макет розділу.

1. Якщо ви ще не в режимі редагування, виберіть Редагувати у верхньому правому куті сторінки.

2. Наведіть вказівник миші над веб-частиною Hero та виберіть обведений + ліворуч від веб-частини

3. У розділі Макет розділу виберіть Два стовпці або Три стовпці.

4. Тепер веб-частина Hero розташована в лівому стовпці двох або трьох стовпців у розділі. 

5. Щоб перемістити веб-частину Hero, виберіть зображення, а потім утримуйте та перетягніть його до потрібного стовпця.

Додавання до сторінки пустої веб-частини Hero

Веб-частину Hero можна додати до сторінки сайту групи або сайту для спілкування . Ось як це зробити:

1. Якщо ви ще не перебуваєте в режимі редагування на сторінці, виберіть Редагувати у верхньому правому куті сторінки. Знайдіть панель інструментів () праворуч.

2. Виберіть переглянути всі веб-частини, а потім виберіть або перетягніть Hero зі списку веб-частин.

3. Виберіть Редагувати властивості () і виберіть потрібний тип макета – може використовуватися сітка від 1 до 5 плиток або від 1 до 5 вертикальних шарів.

4. Виберіть пункт Вибрати посилання для кожної плитки, яку потрібно змінити.

5. Для кожної плитки на панелі інструментів натисніть кнопку Вибрати, а потім виберіть розташування, з якого потрібно отримати посилання:

   На панелі інструментів натисніть кнопку Змінити, а потім виберіть розташування, з якого потрібно отримати посилання:

   • Останні. Тут можна знайти зображення, сторінки або документи, які ви нещодавно відкривали.

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

   • Ваша організація: якщо ваша організація вказала набір затверджених активів, ви зможете вибрати з цього набору тут.  Якщо ви Admin SharePoint і хочете дізнатися, як створити бібліотеку активів для вашої організації, див. статтю Створення бібліотеки активів організації.

   • OneDrive. Тут можна отримати посилання на документ або зображення, збережене у OneDrive. SharePoint лише в Microsoft 365.

   • Сайт. Тут можна отримати посилання на документ, зображення або сторінку з указаного сайту.

   • Передати. Тут можна передати документ або зображення з персонального пристрою.

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

6. Виберіть зображення, сторінку або документ і натисніть кнопку Відкрити.

7. На панелі інструментів у розділі Зображення виберіть Спеціальне зображення або Лише кольором. Якщо вибрати параметр Автоматично вибране зображення, зображення автоматично додасться зі сторінки або документа, на який указує посилання. Колір доступний лише для макета "Плитки", а колір відповідає кольору теми сайту.

8. Введіть Текст заміщення для зображення.

9. Щоб відобразити посилання на дію Виклик , установіть перемикач у положення Так. Потім слід заповнити поле Текст із закликом (наприклад, ввести "Докладні відомості"). Посилання "Заклик до дії" доступне для кожного шару в багаторівневому макеті, але лише для найбільшої плитки в фрагментованому макеті

Масштабування зображення у веб-частині Hero

Щоб вибрати зображення розміром припасування для веб-частини Hero, зверніть увагу на таке:

• Веб-частина призначена для розміщення ширини екрана в макеті, який повністю затемніє.

• У макеті "Плитки " висота веб-частини змінюється відповідно до пропорцій 8:3, а зображення в масштабі веб-частини – до пропорцій 4:3.

• У макеті Шари окремі шкали шарів до пропорцій 8:3, а зображення всередині кожної шкали шару до пропорцій близько 9:16.

Коли з'явиться макет Карусель?

Загальна доступність (Worldwide, GCC, GCC High і DoD): розгортання починається в середині січня 2025 року та завершиться до кінця місяця.

Що відбувається з наявними макетами після додавання макета "Карусель"?

У рамках оновлень веб-частини Hero внесено такі зміни:

• Оновлення керування елементами

  Змінено спосіб керування елементами у веб-частині Hero. Замість встановлення кількості елементів (1–5) тепер можна безпосередньо додавати або видаляти елементи за допомогою нового інтуїтивно зрозумілого інтерфейсу Slide . Це спрощує настроювання веб-частини Hero відповідно до ваших потреб.

• Настроювання області властивостей

  Хоча інтерфейс користувача в області властивостей макетів "Плитки " та "Шари" оновлено для більш сучасної роботи, функціональність цих макетів залишається незмінною.

•  Відсутність впливу на наявні макети

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