Перейти до основного
Office

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

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

Примітки.: 

  • Деякі функції поступово вводяться до організацій, які вирішили на програму цільового випуску. Це означає, що ця функція може ще не відображатися або мати інший вигляд порівняно з описом у довідкових статтях.

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

Зміст

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

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

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

Веб-частина Hero на сайті для спілкування

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

Веб-частина Hero: тип "Демонстрація"

Ви можете змінити макет веб-частини Hero із сітки на вертикальні шари за допомогою кнопки Змінити веб-частину  Кнопка "Змінити веб-частину" , а посилання, зображення й текст для кожної плитки або шару – за допомогою розташованої на них кнопки Змінити відомості  Змінити відомості .

Кнопки змінення веб-частини Hero

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

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

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

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

Ваш браузер не підтримує відео. Інсталюйте Microsoft Silverlight, Adobe Flash Player або Internet Explorer 9.
  1. Якщо ви ще не в режимі редагування, натисніть кнопку Редагувати в правому верхньому куті сторінки.

  2. Натисніть кнопку Змінити веб-частину  Кнопка "Змінити веб-частину" в лівій частині сторінки й виберіть потрібний тип макета – можна вибрати щонайбільше 5 плиток (як на сайті "Тема") або 5 шарів (як на сайті "Демонстрація").

    Параметри макета веб-частини Hero Параметри макета веб-частини Hero

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

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

Ваш браузер не підтримує відео. Інсталюйте Microsoft Silverlight, Adobe Flash Player або Internet Explorer 9.
  1. Якщо ви ще не в режимі редагування, натисніть кнопку Редагувати в правому верхньому куті сторінки.

  2. Натисніть кнопку Змінити відомості  Змінити відомості в правому нижньому куті плитки або шару, який потрібно змінити.

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

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

    • Веб-пошук: ви можете знайти зображення з Bing, які використовують творчий загальний ліцензії. Ви несете відповідальність за перевірку ліцензії на зображення, перш ніж вставляти його на сторінці. SharePoint Online тільки.

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

    • OneDrive. Тут можна отримати посилання на документ або зображення, збережене у OneDrive. SharePoint Online тільки.

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

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

    • За посиланням. Тут можна ввести посилання на сторінку, документ або зображення з "OneDrive для бізнесу" або SharePoint Online.

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

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

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

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

  7. У розділі " варіанти":

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

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

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

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

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

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

  3. Перетягніть фокальну точку, у яку потрібно додати зображення.

    Фокальна точка

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

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

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

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

    Кнопка "Перемістити елемент" у веб-частині Hero

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

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

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

Ваш браузер не підтримує відео. Інсталюйте Microsoft Silverlight, Adobe Flash Player або Internet Explorer 9.
  1. Якщо ви ще не в режимі редагування, натисніть кнопку Редагувати в правому верхньому куті сторінки.

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

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

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

    Кнопка "Перемістити веб-частину"

    Переміщення веб-частини Hero

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

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

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

  2. На сторінці наведіть вказівник миші вище або нижче наявної веб-частини, і з’явиться рядок з обведеним знаком +, наприклад:

    Знак "плюс" для додавання веб-частин до сторінки

    Клацніть + і виберіть веб-частину Hero.

    Пуста веб-частина Hero
  3. Натисніть кнопку Змінити веб-частину  Кнопка "Змінити веб-частину" й виберіть потрібний тип макета – з 1–5 плитками або шарами.

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

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

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

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

    • Веб-пошук: ви можете знайти зображення з Bing, які використовують творчий загальний ліцензії. Ви несете відповідальність за перевірку ліцензії на зображення, перш ніж вставляти його на сторінці. SharePoint Online тільки.

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

    • OneDrive. Тут можна отримати посилання на документ або зображення, збережене у OneDrive. SharePoint Online тільки.

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

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

    • За посиланням. Тут можна ввести посилання на сторінку, документ або зображення з "OneDrive для бізнесу" або SharePoint Online.

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

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

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

  9. У розділі " варіанти " (лишеSharePoint Online ):

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

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

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

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

  • Веб-частина призначена для відповідності ширині екрана в режимі повного дообрізний формат.

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

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

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

Примітка.:  Цю сторінку перекладено за допомогою засобу автоматичного перекладу, тому вона може містити смислові, синтаксичні або граматичні помилки. Ми вважаємо, що цей вміст стане вам у пригоді. Повідомте нас, чи була ця інформація корисною. Для довідки цю статтю можна переглянути англійською мовою.

Удосконалення навичок роботи з Office
Ознайомтеся з навчальними матеріалами
Отримуйте нові функції раніше за інших
Приєднайтеся до оцінювачів Office

Ця інформація корисна?

Дякуємо за ваш відгук!

Дякуємо, що знайшли час і надіслали нам відгук! Можливо, у нас не буде часу відповісти на кожен коментар, але докладемо максимум зусиль, щоб переглянути їх усі. Вас цікавить, як ми використовуємо ваші відгуки?

×