영웅의 웹 파트 사용

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

참고 사항: 

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

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

내용

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

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

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

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

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

전시 주인공

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

주인공 편집 단추

1. 웹 파트 편집 단추

2. 세부 정보 편집 단추

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

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

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

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

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

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

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

브라우저가 비디오를 지원하지 않습니다. 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. 옵션에서 다음을 수행 합니다.

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

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

이미지의 초점 변경

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

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

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

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

    초점 점

타일 또는 레이어 순서 변경

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

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

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

    영웅이 이사 항목

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

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

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

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

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

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

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

    웹 파트 이동 단추

    이사 영웅

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • 링크에서: 비즈니스용 OneDrive 또는 SharePoint Online의 페이지, 문서 또는 이미지에 대 한 링크를 입력 합니다.

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

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

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

  9. 옵션 (SharePoint Online 만)에서 다음을 수행 합니다.

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

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

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

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

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

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

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

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

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

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

이 정보가 유용한가요?

의견 주셔서 감사합니다!

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

×