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

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

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

Якщо вибрати тип Тема сайту для спілкування, автоматично застосується макет основного банера з п’ятьма плитками (їх кількість можна скоротити до однієї):

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

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

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

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

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

Перегляньте це відео, щоб дізнатися, як це зробити, або виконайте вказівки під відео.

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

2. Виберіть Редагувати властивості () у верхньому лівому куті веб-частини та виберіть потрібний тип макета. Можна вибрати до 5 плиток (наприклад, на тематичному сайті) або до 5 шарів (наприклад, на сайті "Демонстрація").

   

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

Перегляньте це відео, щоб дізнатися, як це зробити, або виконайте вказівки під відео.

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

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

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

   

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

   • Біржові зображення Біржові зображення надає корпорація Майкрософт. Вони якісні та підходять саме для вашого використання. Якщо ви адміністратор 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.

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

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

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

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

7. У розділі Параметри:

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

   • Для багатошарового макета можна також відобразити заголовок "Тема" для кожного шару, установивши перемикач для заголовка "Тема" на Так. Потім слід заповнити поле Текст заголовка розділу.

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

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

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

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

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

Перевпорядкування плиток або шарів

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

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

2. Натисніть і утримуйте кнопку Перемістити елемент , а потім перетягніть плитку або шар у потрібне місце.

   

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

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

Перегляньте це відео, щоб дізнатися, як це зробити, або виконайте вказівки під відео.

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

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

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

   

4. Перетягніть веб-частину 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. У розділі Параметри (SharePoint лише в Microsoft 365):

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

   • Для багатошарового макета можна також відобразити заголовок "Тема" для кожного шару, установивши перемикач для заголовка "Тема" на Так. Потім слід заповнити поле Текст заголовка розділу.

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

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

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

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

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