Hero 웹 파트를 사용하여 페이지와 비디오에 포커스와 시각적 관심을 불러일체합니다. Hero 웹 파트에 최대 5개의 항목을 표시하고 매력적인 이미지, 텍스트 및 링크를 사용하여 각 항목에 주의를 끌 수 있습니다. Hero 웹 파트는 커뮤니케이션 사이트에 기본적으로 포함되지만, 다른 페이지에도 Hero 웹 파트를 추가할 수 있습니다.

동영상이 Hero 웹 파트에 설정된 경우 새 창으로 이동하지 않고 동일한 페이지를 유지하고 탐색할 수 있는 동안 인라인으로 재생됩니다. 

일부 기능은 대상 릴리스 프로그램에 옵트인한 조직에 점진적으로 도입됩니다. 즉, 이 기능이 아직 표시되지 않거나 도움말 문서에 설명된 것과 다를 수 있습니다.

참고 사항: 

  • 페이지를 만들려면 편집 권한이 있어야 합니다. 소유자이지만 페이지를 추가할 수 없는 경우 관리자가 이 기능을 해제했을 수 있습니다.

내용

커뮤니케이션 사이트의 대표 웹 파트: 토픽 및 쇼케이스

통신 사이트를 만들 때 Hero 웹 파트는 기본적으로 페이지에 포함됩니다. 사용자 고유의 이미지, 텍스트, 페이지, 링크 또는 문서를 표시하기 위해 변경하는 기본 이미지, 텍스트 및 링크로 미리 채워집니다.

원하는 통신 사이트 유형에 대해 토픽 을 선택하면 기본 주인공은 타일이 5개인 타일 레이아웃입니다(1에서 5로 변경할 수 있음).

통신 사이트의 Hero 웹 파트

원하는 통신 사이트 유형에 대해 쇼케이스 를 선택하면 기본 영웅은 세 개의 레이어가 있는 세로 레이아웃입니다(1~5개의 레이어에서 변경할 수 있음).

쇼케이스 히어로

웹 파트 편집 단추 웹 파트 편집 단추사용하여 Hero 웹 파트의 레이아웃을 그리드에서 세로 계층으로 변경할 수 있으며 각 타일 또는 레이어에 대한 세부 정보 편집 단추 세부 정보 편집 사용하여 각 타일 또는 레이어의 링크, 이미지 및 텍스트를 변경할 수 있습니다.

Hero 편집 단추

1. 웹 파트 편집 단추

2. 세부 정보 편집 단추

Hero 웹 파트의 레이아웃 변경

이 비디오를 시청하여 수행 방법을 확인하거나 비디오 아래 단계를 수행합니다.

브라우저가 비디오를 지원하지 않습니다. Microsoft Silverlight, Adobe Flash Player 또는 Internet Explorer 9를 설치하세요.
  1. 페이지에서 편집 모드가 아직 없는 경우 페이지 오른쪽 위에서 편집 을 선택합니다.

  2. 왼쪽에 있는 웹 파트 편집 단추 웹 파트 편집 단추 선택하고 원하는 레이아웃 유형을 선택합니다. 토픽 사이트에서와 같이 최대 5개의 타일 또는 최대 5개의 레이어(예: 쇼케이스 사이트)를 선택할 수 있습니다.

    Hero 레이아웃 옵션 Hero 레이아웃 옵션

이미지의 초점 변경

Microsoft 365의 SharePoint Hero 웹 파트 내에서 선택한 이미지의 초점을 변경하여 프레임에서 사진의 가장 중요한 부분을 가져올 수 있습니다.

  1. 페이지에서 편집 모드가 아직 없는 경우 페이지 오른쪽 위에서 편집 을 선택합니다.

  2. 변경하려는 Hero 이미지 아래쪽의 도구 모음에서 초점 초점 설정 단추 설정을 선택합니다.

  3. 이미지에서 원하는 위치를 끌어 놓습니다.

    초점

타일 또는 레이어 순서 다시 지정

타일 또는 레이어를 원하는 위치로 이동하여 순서를 변경할 수 있습니다.

  1. 페이지에서 편집 모드가 아직 없는 경우 페이지 오른쪽 위에서 편집 을 선택합니다.

  2. 항목 이동 단추를 선택하고 누른 다음 원하는 위치의 타일 또는 레이어를 끕니다.

    Hero 이동 항목

Hero 웹 파트를 하나의 열에 배치

Hero 웹 파트는 페이지의 전체 너비를 차지하도록 설계되었습니다. Hero 웹 파트가 전체 너비를 차지하지 않는 경우 전체 너비가 아닌 열로 이동할 수 있습니다.

이 비디오를 시청하여 수행 방법을 확인하거나 비디오 아래 단계를 수행합니다.

브라우저가 비디오를 지원하지 않습니다. Microsoft Silverlight, Adobe Flash Player 또는 Internet Explorer 9를 설치하세요.
  1. 편집 모드가 아직 없는 경우 페이지 오른쪽 위에서 편집 을 선택합니다.

  2. Hero 웹 파트 바로 위에 마우스를 가져가고 웹 파트 왼쪽에 있는 원 + 를 선택합니다.

  3. 구역 레이아웃에서 하나의 열을 선택합니다.

    하나의 열
  4. 웹 파트 왼쪽에서 웹 파트 이동 단추를 사용하여 Hero 웹 파트를 방금 추가한 열로 끌어옵니다.

    웹 파트 이동 단추

    이동 영웅

빈 Hero 웹 파트를 페이지에 추가

팀 사이트 또는 커뮤니케이션 사이트의 페이지에 Hero 웹 파트를 추가할 수 있습니다. 그렇게 하려면 다음과 같이 하세요.

  1. 페이지에서 편집 모드가 아직 없는 경우 페이지 오른쪽 위에서 편집 을 선택합니다.

  2. 페이지에서 기존 웹 파트 위 또는 아래에 마우스를 가져가면 다음과 같이 원 +가 있는 선이 표시됩니다.

    페이지에 웹 파트를 추가하기 위한 더하기 기호

    +를 선택한 다음 Hero 웹 파트를 선택합니다.

    빈 상태의 Hero 웹 파트
  3. 웹 파트 편집 단추 웹 파트 편집 단추 선택하고 원하는 레이아웃 유형을 선택합니다. 1~5개의 타일 또는 1~5개의 세로 계층의 그리드를 사용할 수 있습니다.

  4. 변경할 각 타일에 대한 선택 링크를 선택합니다 .

  5. 각 타일에 대해 도구 상자에서 선택을 선택한 다음 링크를 가져올 위치를 선택합니다.

    도구 상자에서 [변경]을 선택한 다음 링크를 가져올 위치를 선택합니다.

    파일 선택기 옵션의 이미지입니다.
    • 최근: 최근에 이미지, 페이지 또는 문서를 연 경우 여기에 나열된 이미지, 페이지 또는 문서를 찾을 수 있습니다.

    • 웹 검색: Creative Common 라이선스를 활용하는 Bing에서 이미지를 찾을 수 있습니다. 페이지에 삽입하기 전에 이미지에 대한 라이선스를 검토할 책임이 있습니다. Microsoft 365에서만SharePoint.

    • 조직: 조직에서 승인된 자산 집합을 지정한 경우 여기에서 해당 집합 중에서 선택할 수 있습니다.  SharePoint 관리 조직의 자산 라이브러리를 만드는 방법을 알아보려면 조직 자산 라이브러리 만들기를 참조하세요.

    • OneDrive: OneDrive에 저장한 문서 또는 이미지에 대한 링크를 가져올 수 있습니다. Microsoft 365에서만SharePoint.

    • 사이트: 지정한 사이트에서 문서, 이미지 또는 페이지에 대한 링크를 가져올 수 있습니다.

    • 업로드: 개인 디바이스에서 문서 또는 이미지를 업로드할 수 있습니다.

    • 링크에서: Microsoft 365에서 SharePoint OneDrive의 페이지, 문서 또는 이미지에 대한 링크를 입력합니다.

  6. 이미지, 페이지 또는 문서를 선택하고 열기를 클릭합니다.

  7. 도구 상자의 이미지 아래에서 사용자 지정 이미지 또는 색만 선택합니다. 자동 선택 옵션은 연결하려는 페이지 또는 문서에서 이미지를 사용할 수 있는 경우 자동으로 선택합니다. 은 타일 레이아웃에만 사용할 수 있으며 색은 사이트 테마 색에 해당합니다.

  8. 이미지의 대체 텍스트를 입력합니다.

  9. 옵션(Microsoft 365에서만SharePoint ):

    • 토글을 예로 전환하여 작업 호출 링크를 표시할 수 있습니다. 그런 다음 , 작업 호출 텍스트 (예: "자세히 알아보기")를 추가합니다. 작업 호출 링크는 계층 레이아웃의 각 계층에 대해 사용할 수 있지만 타일 레이아웃에서 가장 큰 타일에만 사용할 수 있습니다.

    • 계층화된 레이아웃의 경우 토글을 [예]로 전환하여 각 레이어에 대한 토픽 제목을 표시할 수도 있습니다. 그런 다음 항목 제목 텍스트를 추가합니다.

Hero 웹 파트의 이미지 크기 조정

Hero 웹 파트에 적합한 크기의 이미지를 선택하려면 다음을 고려하세요.

  • 웹 파트는 화면 너비에 맞게 전체 블리드 레이아웃에 맞게 설계되었습니다.

  • 타일 레이아웃에서 웹 파트의 높이가 가로 세로 비율 8:3에 따라 조정되고 웹 파트 내의 이미지가 가로 세로 비율 4:3으로 조정됩니다.

  • 레이어 레이아웃에서 개별 레이어는 가로 세로 비율 8:3으로 조정되고 각 레이어 내의 이미지는 9:16에 가까운 가로 세로 비율로 확장됩니다.

참고: 비디오에 대한 링크를 추가하거나 Hero 웹 파트에 비디오를 업로드할 수 있습니다. 그러나 웹 파트 내에서는 비디오를 재생할 수 없습니다. 사용자는 비디오 링크를 클릭하고 비디오 플레이어 또는 링크 원본으로 이동하여 비디오를 볼 수 있습니다.

추가 도움이 필요하신가요?

기술 향상
교육 살펴보기
새로운 기능 우선 가져오기
Microsoft Office 참가자 참가

이 정보가 유용한가요?

언어 품질에 얼마나 만족하시나요?
사용 경험에 어떠한 영향을 주었나요?

의견 주셔서 감사합니다!

×