영웅의 웹 파트 사용

영웅의 웹 파트를 사용 하 여 페이지에 포커스와 시각적 효과를 가져다 보세요. 영웅의 웹 파트에 항목을 최대 5 개까지 표시할 수 있으며 멋진 이미지, 텍스트 및 링크를 사용 하 여 각각에 주목 하세요. Hero 웹 파트는 커뮤니케이션 사이트에 기본적으로 포함되지만, 다른 페이지에도 Hero 웹 파트를 추가할 수 있습니다.

참고 사항: 

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

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

내용

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

커뮤니케이션 사이트의 영웅의 웹 파트: 주제 및 전시

커뮤니케이션 사이트를 만들면 기본적으로 페이지에 영웅의 웹 파트가 포함 됩니다. 사용자의 이미지, 텍스트, 페이지, 링크 또는 문서를 표시 하기 위해 변경 하는 기본 이미지, 텍스트 및 링크가 미리 채워져 있습니다.

원하는 통신 사이트 종류에 대 한 항목 을 선택 하면 기본 영웅이 5 개 타일 (1 ~ 5에서 변경 가능)의 바둑판식 레이아웃입니다.

커뮤니케이션 사이트의 영웅의 웹 파트

원하는 통신 사이트 종류에 대 한 전시 을 선택 하면 기본 영웅이 다음과 같이 세 개의 레이어가 있는 세로 레이아웃 (1 ~ 5 개의 레이어를 변경할 수 있음)이 표시 됩니다.

전시 주인공

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

주인공 편집 단추

1. 웹 파트 편집 단추

2. 세부 정보 편집 단추

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

이 비디오를 시청 하 여 완료 되는 방식을 확인 하거나 비디오 아래에 나오는 단계를 따르세요.

Surface Book 장치 사진
  1. 페이지의 편집 모드에 있지 않은 경우 페이지 오른쪽 위에 있는 편집 을 클릭 합니다.

  2. 웹 파트 편집 단추를 클릭 하 고 왼쪽에 웹 파트 편집 단추 원하는 레이아웃 유형을 선택 합니다. 주제 사이트와 같이 최대 5 개의 타일을 선택 하거나, 최대 5 개의 레이어 (예: 전시 사이트의 경우)를 선택할 수 있습니다.

    주인공 레이아웃 옵션 주인공 레이아웃 옵션

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

이 비디오를 시청 하 여 완료 되는 방식을 확인 하거나 비디오 아래에 나오는 단계를 따르세요.

Surface Book 장치 사진
  1. 페이지의 편집 모드에 있지 않은 경우 페이지 오른쪽 위에 있는 편집 을 클릭 합니다.

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

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

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

    • 스톡 이미지 주식 이미지는 Microsoft에서 제공 합니다. 사용 하기에 적합 하며, 적절 하 게 크기와 크기가 높은 것입니다. SharePoint 관리자 인 경우 CDN (콘텐츠 배달 네트워크) 을 사용 하 여 이미지를 가져오는 성능을 개선 하는 것이 좋습니다.

    • 웹 검색: 독창적인 공통 라이선스를 활용 하는 Bing에서 이미지를 찾을 수 있습니다. 페이지에 삽입 하기 전에 이미지에 대 한 라이선스를 검토 해야 합니다. Microsoft 365 에서만SharePoint.

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

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

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

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

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

      참고: 사이트 외부의 링크에는 미국 정부 GCC High 및 DoD와 21Vianet에서 운영 하는 Office 365의 이미지 미리 보기가 표시 되지 않습니다.

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

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

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

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

  7. 옵션에서 다음을 수행 합니다.

    • 예/y e s로 전환 하 여 동작 링크 를 표시할 수 있습니다. 그런 다음 통화를 작업 텍스트에 추가 합니다 (예: "자세히 보기"). 작업에 대 한 호출 링크는 계층화 된 레이아웃의 각 레이어에 대해 사용할 수 있지만, 바둑판식 레이아웃에서 가장 큰 타일에만 해당 됩니다.

    • 레이어 레이아웃의 경우 주제에 대 한 토글 제목을Yes로 전환 하 여 각 레이어의 주제 머리글을 표시할 수도 있습니다. 그런 다음 주제 제목 텍스트를 추가 합니다.

이미지의 초점 변경

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

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

  2. 변경할 영웅의 이미지 아래쪽에 있는 도구 모음에서 초점 점 설정 중심점 설정 단추 클릭 합니다.

  3. 이미지에서 원하는 위치에 초점을 놓습니다.

    초점 점

타일 또는 레이어 순서 변경

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

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

  2. 항목 이동 단추를 클릭 한 채로 원하는 위치에 타일 또는 레이어를 끕니다.

    영웅이 이사 항목

영웅이 웹 파트를 한 열에 놓기

영웅의 웹 파트는 페이지의 전체 너비를 차지 하도록 디자인 되었습니다. 영웅의 웹 파트가 전체 너비를 차지 하지 않는 경우에는 전체 너비가 아닌 열에 이동 하 여 추가할 수 있습니다.

이 비디오를 시청 하 여 완료 되는 방식을 확인 하거나 비디오 아래에 나오는 단계를 따르세요.

Surface Book 장치 사진
  1. 아직 편집 모드에 있지 않은 경우 페이지 오른쪽 위에 있는 편집 을 클릭 합니다.

  2. 주인공 웹 파트 바로 위에 마우스 포인터를 놓고 웹 파트 왼쪽에 있는 원 안의 + 를 클릭 합니다.

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

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

    웹 파트 이동 단추

    이사 영웅

페이지에 빈 주인공 웹 파트 추가

팀 사이트 또는 통신 사이트의 페이지에 영웅의 웹 파트를 추가할 수 있습니다. 그렇게 하려면 다음과 같이 하세요.

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

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

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

    +를 클릭 한 다음 영웅의 웹 파트를 선택 합니다.

    빈 상태의 영웅의 웹 파트
  3. 웹 파트 편집 단추 웹 파트 편집 단추 클릭 하 고 원하는 레이아웃 유형을 선택 합니다-1 ~ 5 개의 바둑판을 사용할 수 있습니다. 또는 1 ~ 5 개의 세로 레이어

  4. 변경 하려는 각 타일에 대해 링크 선택을 클릭 합니다.

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

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

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

    • 웹 검색: 독창적인 공통 라이선스를 활용 하는 Bing에서 이미지를 찾을 수 있습니다. 페이지에 삽입 하기 전에 이미지에 대 한 라이선스를 검토 해야 합니다. Microsoft 365 에서만SharePoint.

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

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

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

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

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

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

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

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

  9. 옵션 (Microsoft 365의SharePoint 에만 해당)을 선택 합니다.

    • 예/y e s로 전환 하 여 동작 링크 를 표시할 수 있습니다. 그런 다음 통화를 작업 텍스트에 추가 합니다 (예: "자세히 보기"). 작업에 대 한 호출 링크는 계층화 된 레이아웃의 각 레이어에 대해 사용할 수 있지만, 바둑판식 레이아웃에서 가장 큰 타일에만 해당 됩니다.

    • 레이어 레이아웃의 경우 주제에 대 한 토글 제목을Yes로 전환 하 여 각 레이어의 주제 머리글을 표시할 수도 있습니다. 그런 다음 주제 제목 텍스트를 추가 합니다.

주인공 웹 파트의 이미지 크기 조정

영웅의 웹 파트에 맞게 최적 크기의 이미지를 선택 하려면 다음 사항을 고려 합니다.

  • 웹 파트는 전체 화상 물림 레이아웃에서 화면 너비에 맞게 디자인 되었습니다.

  • 타일 레이아웃의 경우 웹 파트의 높이는 8:3의 가로 세로 비율에 따라 크기가 조정 되 고 웹 파트 배율의 이미지는 가로 세로 비율로 4:3에 적용 됩니다.

  • 레이어 레이아웃에서 개별 레이어는 8:3의 가로 세로 비율로, 각 레이어 눈금 내의 이미지는 9:16 근처의 가로 세로 비율로 확장 됩니다.

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

참고:  이 페이지는 자동화를 통해 번역되었으며 문법 오류나 부정확한 설명을 포함할 수 있습니다. 이 목적은 콘텐츠가 사용자에게 유용하다는 것입니다. 정보가 도움이 되는지 알려주세요. 참조할 수 있는 영문 문서가 여기 있습니다.

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

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

이 정보가 유용한가요?

의견 주셔서 감사합니다!

피드백을 주셔서 감사합니다. Office 지원 에이전트와 연락하는 것이 도움이 될 것 같습니다.

×