Използване на уеб частта за Hero

Дайте фокус и визуален интерес към вашата страница с уеб частта за герой. Можете да покажете до пет елемента в уеб частта за героя и да използвате завладяващи изображения, текст и връзки, за да привлечете вниманието към всеки от тях. Уеб частта Централен банер е включена по подразбиране в сайтовете за комуникация, но можете да добавите уеб частта Централен банер също и към други страници.

Забележки: 

  • Някои функции се въвеждат постепенно към организациите, които са се включили в програмата за целево издание. Това означава, че е възможно все още да не виждате тази функция или тя да изглежда различно от описаното в помощните статии.

  • Трябва да имате разрешения за редактиране, за да създавате страници. Ако сте собственик, но не можете да добавите страница, вашият администратор може да е изключил възможността да го направи.

Съдържание

Съвет: Check out these YouTube videos from Microsoft Creators to learn more about modern pages!

Уеб частта за Hero на комуникационните сайтове: тема и витрина

Когато създавате комуникационен сайт, уеб частта за Hero се включва във вашата страница по подразбиране. То е предварително попълнено с изображения по подразбиране, текст и връзки, които сте променили, за да покажете своите собствени изображения, текст, страници, връзки или документи.

Когато изберете тема за желания от вас тип комуникационен сайт, героят по подразбиране е оформление с теракот с пет мозайки (което можете да смените от едно към пет):

Уеб част за Hero на сайт за комуникации

Когато изберете витрина за желания от вас тип комуникационен сайт, героят по подразбиране е вертикално оформление с три слоя (което можете да смените от един до пет слоеве):

Изображение на страница

Можете да промените оформлението на уеб частта за героя от мрежата на вертикални слоеве с помощта на бутона за Редактиране на уеб част Бутон ' ' редактиране на уеб част ' ' и можете да промените връзките, изображенията и текста за всяка плочка или пласт с помощта на бутона за Редактиране на подробни данни Редактиране на подробни данни за всяка плочка или пласт.

Бутони за редактиране на герои

бутон ' ' редактиране на уеб част ' '

бутон ' ' редактиране на подробни данни ' '

Промяна на оформлението на уеб частта за герой

Гледайте това видео, за да видите как се прави, или следвайте стъпките по-долу.

Снимка на устройство Surface Book
  1. Ако все още не сте в режим на редактиране на своята страница, щракнете върху Редактиране в горния десен ъгъл на страницата.

  2. Щракнете върху бутона за Редактиране на уеб част Бутон ' ' редактиране на уеб част ' ' отляво и изберете типа на желаното от вас оформление – можете да изберете до 5 мозайки (подобно на сайта за теми) или до 5 слоя (подобно на това на сайт на витрина).

    Опции за оформление на героя Опции за оформление на героя

Промяна на изображението, текста и връзките за всяка плочка или слой

Гледайте това видео, за да видите как се прави, или следвайте стъпките по-долу.

Снимка на устройство Surface Book
  1. Ако все още не сте в режим на редактиране на своята страница, щракнете върху Редактиране в горния десен ъгъл на страницата.

  2. Щракнете върху Редактиране на подробни данни Редактиране на подробни данни в долния десен ъгъл на плочката или слоя, който искате да промените.

  3. В кутията с инструменти щракнете върху Промянаи след това изберете местоположение, от което да получите вашата връзка:

    Изображение на опциите за избор на файл.
    • Последно: Аконаскоро сте отваряли изображения, страници или документи, ще ги намерите в списъка.

    • Фондови изображения Изображения на фондови борси се предоставят от Microsoft. Те са висококачествени и оразмерени точно за вашата употреба. Ако сте администратор на SharePoint, ви препоръчваме да разрешавате мрежа за доставяне на съдържание (CDN) , за да подобрите производителността на изображенията.

    • Уеб търсене: можете да намерите изображения от Bing, които използват Creative Common License. Вие носите отговорност за прегледа на лицензирането за изображение, преди да го вмъкнете на своята страница. SharePoint само в Microsoft 365.

    • Вашата организация: Ако вашата организация е зададела набор от одобрени активи, ще можете да избирате от този набор тук.  Ако сте администратор на SharePoint и искате да научите как да създадете библиотека с активи за вашата организация, вижте Създаване на библиотека с активи за организацията.

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

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

    • Качване: можете да качите документ или изображение от личното си устройство.

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

      Забележка: Връзките, които са външни за сайта ви, няма да показват визуализация на изображения в правителството на САЩ в ССЗ и Дод и Office 365, поддържан от 21Vianet.

  4. Изберете своето изображение, страница или документ и щракнете върху Отвори.

  5. В лентата с инструменти под изображениеизберете само изображение на потребителски или цвят (самоцветът е достъпен само за оформлението на плочките, а цветът отговаря на цвета на темата на сайта).

    Опцията за автоматично избиране автоматично избира изображение от страницата или документа, към които се свързвате, ако е налично.

  6. Въведете алтернативен текст за изображението.

  7. Под Опции:

    • Можете да покажете връзка за действие , като превключите превключвателя на да . След това добавете своя зов към текст за действие (например "Научете повече"). Връзката за обаждане към действие е налична за всеки пласт в пластово оформление, но само за най-голямата плочка в облицовано оформление.

    • За оформление с пластове можете също така да покажете заглавието на темата за всеки пласт, като превключите превключвателя за заглавие на тема на да. След това добавете текста на заглавието на темата.

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

В SharePoint в Microsoft 365 можете да промените фокусната точка върху избрано изображение в уеб частта за герой, за да получите най-важната част от картината си в рамката.

  1. Ако все още не сте в режим на редактиране на своята страница, щракнете върху Редактиране в горния десен ъгъл на страницата.

  2. Щракнете върху Задаване на фокусен център Бутон ' ' Задаване на фокусен пункт ' ' в лентата с инструменти в долната част на изображението на героя, което искате да промените.

  3. Плъзнете фокусния пункт там, където искате да се вижда.

    Координационен център

Пренареждане на плочки или слоеве

Можете да пренареждате плочките или слоевете, като ги преместите там, където искате.

  1. Ако все още не сте в режим на редактиране на своята страница, щракнете върху Редактиране в горния десен ъгъл на страницата.

  2. Щракнете върху и задръжте бутона Преместване на елемент и след това плъзнете плочката или слоя там, където искате.

    Елемент за преместване на героя

Поставяне на уеб частта за герой в една колона

Уеб частта за Hero е проектирана да използва пълната ширина на страницата. Ако предпочитате уеб частта за героя да не е с пълна ширина, можете да я добавите в колона, която не е с пълна ширина.

Гледайте това видео, за да видите как се прави, или следвайте стъпките по-долу.

Снимка на устройство Surface Book
  1. Ако все още не сте в режим на редактиране, щракнете върху Редактиране в горния десен ъгъл на страницата.

  2. Задръжте курсора на мишката точно над уеб частта за героя и щракнете върху оградения кръг + отляво на уеб частта.

  3. Под оформление на секцияизберете една колона.

    Една колона
  4. От лявата страна на уеб частта използвайте бутона Преместване на уеб част , за да плъзнете уеб частта за герой в колоната, която току-що сте добавили.

    Бутон ' ' Премахни уеб част ' '

    Преместване на героя

Добавяне на празен уеб компонент за герой към страница

Можете да добавите уеб част за герои към страница в екипен сайт или комуникационен сайт. За да направите това:

  1. Ако все още не сте в режим на редактиране на своята страница, щракнете върху Редактиране в горния десен ъгъл на страницата.

  2. На вашата страница задръжте курсора на мишката над или под съществуваща уеб част, и ще видите линия с ограден +, ето така:

    Знак плюс за добавяне на уеб части към страница

    Щракнете върху +и след това изберете уеб частта за герой .

    Уеб част за герой в празно състояние
  3. Щракнете върху бутона за Редактиране на уеб част Бутон ' ' редактиране на уеб част ' ' и изберете типа на желаното от вас оформление – може да се използва мрежа от 1 до 5 мозайки или от 1 до 5 вертикални слоеве.

  4. Щракнете върху избор на връзка за всяка плочка, която искате да промените.

  5. За всяка плочка, в кутията с инструменти щракнете върху избори след това изберете местоположение, от което да получите вашата връзка:

    В кутията с инструменти щракнете върху Промянаи след това изберете местоположение, от което да получите вашата връзка:

    Изображение на опциите за избор на файл.
    • Последно: Аконаскоро сте отваряли изображения, страници или документи, ще ги намерите в списъка.

    • Уеб търсене: можете да намерите изображения от Bing, които използват Creative Common License. Вие носите отговорност за прегледа на лицензирането за изображение, преди да го вмъкнете на своята страница. SharePoint само в Microsoft 365.

    • Вашата организация: Ако вашата организация е зададела набор от одобрени активи, ще можете да избирате от този набор тук.  Ако сте администратор на SharePoint и искате да научите как да създадете библиотека с активи за вашата организация, вижте Създаване на библиотека с активи за организацията.

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

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

    • Качване: можете да качите документ или изображение от личното си устройство.

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

  6. Изберете своето изображение, страница или документ и щракнете върху Отвори.

  7. В лентата с инструменти, под изображениеизберете само изображение или цвятпо избор . Опцията за автоматично избиране автоматично избира изображение от страницата или документа, към които се свързвате, ако е налично. Цветът е достъпен само за оформлението на плочките, а цветът отговаря на цвета на темата на сайта.

  8. Въведете алтернативен текст за изображението.

  9. Под Опции (самоSharePoint само в Microsoft 365):

    • Можете да покажете връзка за действие , като превключите превключвателя на да . След това добавете своя зов към текст за действие (например "Научете повече"). Връзката за обаждане към действие е налична за всеки пласт в пластово оформление, но само за най-голямата плочка в облицовано оформление.

    • За оформление с пластове можете също така да покажете заглавието на темата за всеки пласт, като превключите превключвателя за заглавие на тема на да. След това добавете текста на заглавието на темата.

Мащабиране на изображения в уеб частта за герой

За да изберете оптимално оразмерени изображения за уеб частта за Hero, имайте предвид следното:

  • Уеб частта е проектирана така, че да побере ширината на екрана в преливащо оформление.

  • В оформлението плочки височината на уеб частта е мащабирана така, че да следва пропорциите на 8:3, и изображенията в мащаба на уеб частта в пропорция на 4:3.

  • В оформлението слоевете отделните слоеве се мащабират спрямо пропорция на 8:3, а изображенията – в рамките на всяка скала на слоя, в пропорция до 9:16.

Забележка: Можете да добавите връзка към видеоклип или да качите видеоклип към уеб частта за герой. Но видеоклиповете не могат да се възпроизвеждат в рамките на уеб частта. Потребителите могат да щракнат върху връзката за видеоклипа и да бъдат прехвърлени към видео плейъра или източника на връзката, за да го видят.

Забележка:  Тази страница е преведена чрез автоматизация и може да съдържа граматически грешки и несъответствия. Нашата цел е това съдържание да ви бъде полезно. Можете ли да ни кажете дали информацията е била полезна за вас? Ето статията на английски за справка.

Абонамент, с който да извлечете максимума от времето си

Нуждаете се от още помощ?

Разширете уменията си в Office
Преглед на обучението
Получавайте първи новите функции
Присъединете се към участниците в Office Insider

Беше ли полезна тази информация?

Благодарим ви за обратната връзка!

Благодарим ви за вашата обратна връзка. Изглежда, че ще бъде полезно да ви свържем с един от нашите агенти по поддръжката на Office.

×