Share via


단계별 연습: 조직을 위한 허브 사이트 만들기

이 문서에서는 사용자에게 영감을 주는 예제 허브 사이트의 요소를 보여 주고 조직에서 유사한 사이트를 만드는 방법을 알아봅니다. 허브 사이트는 방문자가 정보와 리소스를 빠르게 찾을 수 있도록 지원합니다. 이 예제 허브 사이트는 뉴스, 주요 리소스, 이벤트 및 연락처에 대한 링크를 제공합니다. 인적 자원 허브 사이트의 이 예제에서는 직원 휴가 요청에 대한 사용자 지정 앱도 제안합니다.

먼저, 통신 사이트를 만들지 않았다면 이 문서의 사이트 만들기 구역을 확인하세요. 사이트에서 페이지를 편집하고 게시하는 방법을 알아보려면 이 문서의 섹션 및 웹 파트 편집, 작업 및 게시 섹션을 확인하세요.

사이트를 만들어본 경험이 있고 페이지를 편집하는 방법을 알고 있다면 아래 단계를 따라 표시된 요소를 추가하세요.

예제 허브 사이트

홈페이지 이미지 사용자 지정 지침
허브 사이트 방문 페이지의 이미지 1. 메가 메뉴 및 편집 컨트롤 방문자가 찾는 정보를 빠르게 안내합니다. 이 영역에서는 관리자가 편집 도구에 액세스할 수도 있습니다. 방법 알아보기

2. 뉴스 사이트. 포커스 영역과 관련된 중요한 뉴스를 수집합니다. 방법 알아보기

3. 중요한 콘텐츠 제공 재무 프레젠테이션, 차트 및 보고서를 쉽게 공유합니다. 방법 알아보기

4. 이벤트를 최신 상태로 유지 예정된 이벤트에 대한 정보에 빠르게 액세스할 수 있습니다. 방법 알아보기

5. 시각적 효과 만들기 배너 이미지를 사용하여 시각적 효과를 추가합니다. 방법 알아보기

6. 방문자에게 도구 안내 휴가 요청과 같은 프로세스를 간소화하는 사용자 지정 도구를 추가합니다. 방법 알아보기

7. 명확한 경로 제공 사용자에게 아이콘과 텍스트 요약이 포함된 올바른 정보 및 도구를 안내합니다. 방법 알아보기

8. 전문가 제공 방문자를 문제를 효과적으로 해결하는 데 도움을 줄 수 있는 전문가에게 안내합니다. 방법 알아보기

사이트 만들기

여기에 표시된 사이트와 비슷한 사이트를 만들려면 통신 사이트를 만드세요. 사이트를 만들려면 SharePoint 시작 페이지에서 사이트 만들기를 선택합니다. 또는 이 사이트를 기존 허브 사이트와 연결하려는 경우, 허브 사이트로 이동하여 사이트 만들기를 선택하여 통신 사이트가 자동으로 허브 사이트와 연결되도록 하세요.

사이트 만들기 옵션 이미지

그런 다음 통신 사이트를 선택한 다음 항목 레이아웃을 선택합니다. 사이트 이름, 설명, 다른 정보를 입력하고 완료를 선택하세요. 그런 다음 이 문서의 예제와 동일한 유형의 레이아웃을 가진 템플릿을 가져옵니다.

통신 사이트 패널 이미지

더 자세한 내용은 SharePoint Online에서 통신 사이트 만들기를 참조하세요.

맨 위로 이동

메가 메뉴 관리

허브 사이트는 다른 위치에 대한 링크를 효과적으로 구성하고 표시하도록 최적화되어 있습니다.

메가 메뉴 이미지

위쪽 메뉴에서 편집을 클릭하면 왼쪽에 간단한 세 개의 수준 개요 목록이 열립니다. 개요 수준은 주 메뉴, 머리글 항목 또는 메뉴 항목인 메뉴 부분과 같습니다.

  • 항목 이름 오른쪽에 있는 ... 컨트롤을 선택하여 항목의 링크 및 개요 수준을 설정합니다.

오른쪽의 머리글 아래에서 편집을 선택하여 페이지 편집을 시작합니다. 편집하는 동안 초안을 나중에 저장하거나 삭제할 수 있습니다. 페이지 업데이트가 준비되면 게시를 선택하여 전체 조직에 표시합니다.

게시 옵션 이미지

맨 위로 이동

섹션 및 웹 파트 관리

섹션을 만들려면 페이지 오른쪽 위에 있는 편집을 클릭하여 편집을 시작합니다.

편집 옵션 이미지

구역 앞, 뒤의 + 기호는 여러 레이아웃 중 하나를 사용하여 구역을 추가합니다.

구역 레이아웃 패널 이미지

구역은 페이지를 구성하며 하나 이상의 웹 파트를 배치합니다. 페이지를 편집하는 동안 각 구역은 레이아웃 편집이나 구역 삭제 컨트롤을 표시합니다. 구역 작업에 대한 자세한 내용은 페이지의 구역 및 열 추가 또는 제거를 참조하세요.

섹션 추가 아이콘 이미지

섹션에서 더하기 기호 이미지 섹션의 웹 파트 앞이나 뒤에 표시될 수 있는 더하기 기호 이미지를 선택하여 사용 가능한 여러 유형의 웹 파트를 확인합니다. 모든 웹 파트에 대한 자세한 내용은 SharePoint 페이지의 웹 파트 사용을 참조하세요.

웹 파트 추가 아이콘 이미지

웹 파트는 구역 내에서 편집, 이동 또는 삭제할 수 있습니다. 웹 파트 편집 아이콘은 각 웹 파트 형식에 세부 컨트롤을 엽니다.

웹 파트 편집 작업 표시줄 이미지

페이지 업데이트가 준비되면 게시를 선택하여 대상 그룹에 표시되도록 합니다.

게시 옵션 이미지

사이트의 모든 페이지를 관리하려면 위쪽 메뉴에서 페이지를 클릭합니다.

페이지 사용에 대한 자세한 내용은 SharePoint 사이트에서 최신 페이지 만들기 및 사용을 참조하세요.

맨 위로 이동

뉴스 웹 파트를 사용하여 중요한 뉴스 추가

뉴스 웹 파트는 뉴스 원본레이아웃을 선택하는 컨트롤과 내용을 정리필터링하는 컨트롤을 제공합니다. 허브 사이트는 방문자가 필요한 항목을 찾고 작업을 효율적으로 완료할 수 있도록 정보와 리소스를 함께 제공합니다. 이 사이트는 5가지 옵션 중 하나인 허브 뉴스 레이아웃을 사용합니다. 레이아웃이 선택되면 구성 도구를 탐색하여 뉴스 표시 방식의 우선 순위를 구체화합니다.

이 예제에는 웹 파트는 하나의 열 섹션에 있습니다.

뉴스 웹 파트의 이미지

뉴스 웹 파트 사용에 대한 자세한 내용은 SharePoint 페이지의 뉴스 웹 파트 사용을 참조하세요.

맨 위로 이동

허브 사이트에는 빠른 링크 웹 파트가 있으며, 허브 페이지의 아래쪽에 있지만, 페이지의 주요 기능입니다. 빠른 링크 웹 파트는 방문자가 필요한 링크를 찾는 데 도움이 되는 아이콘과 텍스트를 사용하는 몇 가지 레이아웃 옵션을 제공합니다.

이 사이트 예제에서는 간략한 레이아웃이 경력 리소스에 사용되고 도구에 목록 레이아웃이 사용되므로 각 링크에 대한 짧은 텍스트 요약을 사용할 수 있습니다.

빠른 링크 웹 파트의 이미지

빠른 링크 웹 파트 사용에 대한 자세한 내용은 빠른 링크 웹 파트 사용을 참조하세요.

맨 위로 이동

이미지 웹 파트를 사용하여 그래픽 추가

이미지를 사용하여 영향을 만듭니다.

이 허브에서 텍스트가 있는 이미지는 방문자의 시선을 중요한 링크, 정보 및 도구로 안내합니다. 또한 이 사이트는 이미지를 사용하여 직원 휴가 요청에 대한 도구 구현을 제안합니다.

유연한 컨트롤:

이미지는 사이트, 클라우드 또는 업로드된 위치에서 가져올 수 있습니다. 텍스트 옵션은 통신 및 접근성을 향상시킵니다.

이미지 웹 파트 이미지

이미지 웹 파트 사용에 대한 자세한 내용은 이미지 웹 파트사용을 참조하세요.

맨 위로 이동

파일 뷰어 웹 파트와 양방향으로 파일 공유

파일 뷰어 웹 파트를 사용하면 여러 형식의 중요한 파일을 페이지에 게시할 수 있습니다. 뷰어를 사용하면 방문자가 여러 가지 방법을 사용하여 파일을 보고 상호 작용할 수 있습니다. 방문자는 다음을 수행할 수 있습니다.

  • 전체 복사본 다운로드

  • PDF로 인쇄

  • 브라우저에서 파일 전체 화면 보기

파일 뷰어 웹 파트의 이미지

파일 뷰어 웹 파트 사용에 대한 자세한 내용은 파일 뷰어 웹 파트 사용을 참조하세요. 맨 위로 이동

이벤트 웹 파트를 사용하여 이벤트 일정 추가

방문자에게 중요한 이벤트를 알립니다. 이벤트 웹 파트는 조직 전체 또는 특정 목록 또는 일정의 이벤트를 요약할 수 있으며, 뷰어는 이벤트를 쉽게 클릭하여 일정에 추가할 수 있습니다.

이 허브 사이트 예제에서 이 웹 파트는 간략한 레이아웃을 사용합니다.

이벤트 웹 파트의 이미지

이벤트 웹 파트 사용에 대한 자세한 내용은 이벤트 웹 파트 사용을 참조하세요.

맨 위로 이동

피플 웹 파트가 있는 사용자 기능

방문자가 관련자 또는 전문 지식을 찾아야 하는 경우 사이트에 관련자를 쉽게 소개할 수 있습니다. 사용자 타일은 간단하거나 추가 세부 정보를 제공할 수 있으며, 한 번의 클릭으로 프로필에서 주요 세부 정보를 가져올 수 있습니다.

사용자 웹 파트의 이미지

피플 웹 파트 사용에 대한 자세한 내용은 사용자 웹 파트가 있는 페이지에 사용자 프로필 표시를 참조하세요.

맨 위로 이동

더 많은 정보를 원하는 경우

더 많은 예제와 SharePoint Look Book으로 예제 제공 사이트를 추가하는 기능을 통해 영감을 얻으세요.