Hero 웹 파트 사용

Hero 웹 파트를 통해 페이지에 포커스와 시각적 관심을 가져다 주세요. Hero 웹 파트에 최대 5개의 항목을 표시할 수 있으며, 각 항목의 관심을 끌기 위해 눈길을 끈 이미지, 텍스트 및 링크를 사용할 수 있습니다. Hero 웹 파트는 커뮤니케이션 사이트에 기본적으로 포함되지만, 다른 페이지에도 Hero 웹 파트를 추가할 수 있습니다.

참고 사항: 

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

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

내용

팁: Check out these YouTube videos from Microsoft Creators to learn more about modern pages!

통신 사이트의 영웅 웹 파트: 토픽 및 쇼케이스

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

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

통신 사이트의 영웅 웹 파트

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

Hero 쇼케이스

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

영웅 편집 단추

1. 웹 파트 편집 단추

2. 세부 정보 편집 단추

영웅 웹 파트의 레이아웃 변경

이 비디오를 시청하여 완료 방법을 확인하거나 비디오 아래의 단계를 따릅니다.

브라우저가 비디오를 지원하지 않습니다.
  1. 페이지의 편집 모드가 아직 없는 경우 페이지의 오른쪽 위에 있는 편집을 클릭합니다.

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

    영웅 레이아웃 옵션 영웅 레이아웃 옵션

각 타일 또는 계층에 대한 이미지, 텍스트 및 링크 변경

이 비디오를 시청하여 완료 방법을 확인하거나 비디오 아래의 단계를 따릅니다.

브라우저가 비디오를 지원하지 않습니다.
  1. 페이지의 편집 모드가 아직 없는 경우 페이지의 오른쪽 위에 있는 편집을 클릭합니다.

  2. 변경하려는 세부 정보 편집 레이어의 오른쪽 아래에 있는 세부 정보 편집을 클릭합니다.

  3. 도구 상자에서 변경 클릭한 다음 링크를 받을 위치를 선택하세요.

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

    • 스톡 이미지 스톡 이미지는 Microsoft에서 제공합니다. 고품질의 크기로 사용하기에 적합한 크기입니다. SharePoint 관리자인 경우 이미지 Content Delivery Network(CDN)를 사용하도록 설정하는 것이 좋습니다.

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

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

    • OneDrive: 저장한 문서 또는 이미지에 대한 링크를 OneDrive. SharePoint Microsoft 365.

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

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

    • 링크에서: 페이지, 문서 또는 이미지에 대한 링크를 OneDrive 또는 SharePoint Microsoft 365.

      참고: 사이트 외부 링크는 미국 정부의 High 및 DoD에서 이미지 미리 보기를 표시하지 GCC 및 21Vianet에서 Office 365 표시됩니다.

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

  5. 도구 상자의 이미지 아래에서사용자 지정 이미지 또는 색만 선택합니다(타일 레이아웃에만 색을 사용할 수 있으며 색은 사이트 테마 색에 해당).

    자동 선택 옵션은 사용할 수 있는 경우 연결하고 있는 페이지 또는 문서에서 이미지를 자동으로 선택합니다.

  6. 이미지에 대한 대체 텍스트를 입력합니다.

  7. 옵션에서:

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

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

이미지의 초점 변경

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

  1. 페이지의 편집 모드가 아직 없는 경우 페이지의 오른쪽 위에 있는 편집을 클릭합니다.

  2. 변경하려는 초점 설정 단추 도구 모음에서 초점 설정 단추를 클릭합니다.

  3. 이미지에서 원하는 초점 지점을 엽니다.

    초점

타일 또는 레이어 다시 오더

원하는 위치로 이동하여 타일 또는 레이어를 다시 오더할 수 있습니다.

  1. 페이지의 편집 모드가 아직 없는 경우 페이지의 오른쪽 위에 있는 편집을 클릭합니다.

  2. 항목 이동 단추를 클릭하고 누를 수 있는 다음 원하는 타일 또는 레이어를 드래그합니다.

    영웅 이동 항목

영웅 웹 파트를 한 열에 넣기

Hero 웹 파트는 페이지의 전체 너비를 찍을 수 있도록 디자인됩니다. 오히려 영웅 웹 파트가 전체 너비를 찍지 않은 경우 전체 너비가 아닌 열로 이동을 추가할 수 있습니다.

이 비디오를 시청하여 완료 방법을 확인하거나 비디오 아래의 단계를 따릅니다.

브라우저가 비디오를 지원하지 않습니다.
  1. 편집 모드가 아직 없는 경우 페이지의 오른쪽 위에 있는 편집을 클릭합니다.

  2. 영웅 웹 파트 바로 위에 마우스를 놓고 웹 파트 왼쪽에 있는 원 +를 클릭합니다.

  3. 섹션 레이아웃에서열 하나를 선택합니다.

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

    웹 파트 이동 단추

    영웅 이동

페이지에 빈 영웅 웹 파트 추가

Team 사이트 또는 통신 사이트의 페이지에 Hero 웹 파트를 추가할 있습니다. 원하는 작업

  1. 페이지의 편집 모드가 아직 없는 경우 페이지의 오른쪽 위에 있는 편집을 클릭합니다.

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

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

    + 를클릭한 다음, 영웅 웹 파트를 선택하세요.

    빈 상태의 영웅 웹 파트
  3. 웹 파트 편집 단추를 웹 파트 편집 단추 원하는 레이아웃 유형을 선택합니다. 1~5개 타일의 눈금이 사용되거나 1~5개 세로 계층이 사용될 수 있습니다.

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

  5. 각 타일의 도구 상자에서 선택을클릭한 다음 링크를 얻을 위치를 선택합니다.

    도구 상자에서 변경 클릭한 다음 링크를 받을 위치를 선택하세요.

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

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

    • 조직: 조직에서 승인된 자산 집합을 지정한 경우 여기에서 해당 집합에서 선택할 수 있습니다.  관리자의 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에 가까운 세로 비율로 확장됩니다.

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

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

Office 기술 확장
교육 살펴보기
새로운 기능 우선 가져오기
Office Insider 참여

이 정보가 유용한가요?

×