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

이 문서에서는 사용자에게 영감을 주는 예제 제공 사이트의 요소를 보여 주고 조직에서 유사한 사이트를 만드는 방법을 알아봅니다. 이 예제에서 제공 사이트는 신중한 디자인과 메시징이 포함된 페이지가 조직에 영감을 줄 수 있는 방법에 대한 예제를 제공합니다. 이 예제 페이지는 HR 허브 사이트의 일부로도 배포됩니다.

먼저, 통신 사이트를 만들지 않았다면 이 문서의 사이트 만들기 구역을 확인하세요.

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

사이트 제공 예제

홈페이지 이미지	사용자 지정 지침
	1. 둘러보기 쉬운 사이트 만들기 탐색을 사용자 지정하여 사람들이 사이트에서 중요한 콘텐츠를 간편하게 검색할 수 있도록 하세요. 방법 알아보기 2. 이미지와 정보에 영감을 줍니다 페이지 상단의 내용과 연결되는 눈길을 끄는 영감을 주는 이미지를 사용합니다. 방법 알아보기 3. 문 만들기 여러 서식을 선택할 수 있는 전문적이고 일관된 텍스트를 만듭니다. 방법 알아보기 작업 요청 사람들이 즉시 작업을 쉽게 수행할 수 있도록 합니다. 방법 알아보기 4. 뉴스 전파 메시지를 개선하는 아이디어와 스토리를 공유합니다. 방법 알아보기 5. 일정에서 이벤트 가져오기 이벤트 일정을 추가하여 관련 이벤트에 대한 사용자를 최신 상태로 유지합니다. 방법 알아보기

사이트 만들기

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

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

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

맨 위로 이동

둘러보기 편한 사이트 만들기

SharePoint 사이트의 조직 및 탐색을 쉽고 빠르게 사용자 지정하여 방문자가 사이트를 탐색하고 필요한 정보를 쉽게 찾을 수 있도록 할 수 있습니다.

• 기본 메뉴 추가 및 편집 왼쪽 및 위쪽 메뉴를 쉽게 편집하여 페이지를 다른 SharePoint페이지 또는 인터넷에 연결하세요.

• 메가 메뉴 사이트가 허브 사이트의 일부로 배포되면 강력한 메가 메뉴를 만들 수 있습니다.

탐색 활용에 대한 자세한 내용은 SharePoint 사이트에서 탐색 사용자 지정을 참조하세요.

맨 위로 이동

이미지 및 정보로 영감을 주세요.

팀에게 영향력이 큰 Hero 이미지, 회사 브랜드 및 중요한 뉴스를 알려 주세요. 제공 사이트 홈 페이지의 초기 영향은 Hero 웹 파트의 크고 눈길을 끄는 이미지를 통해 생성됩니다. 이 예제에서 사용되는 레이아웃은 네 개의 타일입니다.

Hero 레이아웃

웹 파트를 편집하면 레이아웃 옵션이 표시됩니다. 위와 같이 타일 옵션은 1~5개의 타일에 대한 레이아웃을 제공합니다. 레이어 옵션은 각 이미지를 제목 옆에 이미지가 있는 레이어로 설정합니다. 최대 5개의 레이어가 가능하므로 웹 파트를 사용하여 전체 페이지를 채울 수 있습니다.

이 예제에서 Hero 웹 파트는 전체 너비 구역에 있습니다.

왼쪽의 이동 항목 웹 파트 이동 단추를 사용하여 Hero 웹 파트 내의 타일을 다시 정렬합니다.

각 타일 사용자 지정

타일을 선택하면 타일 아래쪽에 도구 모음이 표시됩니다. 여기서 사용된 링크와 이미지를 변경할 수 있는 세부 정보 편집을 선택할 수 있습니다. 더 큰 타일을 사용하면 조치 사항 텍스트와 링크를 설정할 수도 있습니다. 동일한 도구 모음에서 이미지 확대 및 축소와 함께 호버 애니메이션의 초점을 설정할 수 있습니다.

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

맨 위로 이동

텍스트 웹 파트를 사용하여 문 만들기

일관되고 전문적으로 보이는 입력 체계는 이 사이트의 특징이며 텍스트 웹 파트는이 페이지의 여러 위치에서 사용되는 텍스트의 영향을 구체화하는 도구를 제공합니다. 이 예제에서 텍스트 웹 파트는 기본 텍스트 스타일을 사용하고 있습니다. 서식 도구 모음의 오른쪽 끝에서 줄임표(...)를 선택하면 추가 옵션이 제공됩니다.

아래 표시된 이 제공 사이트 예제에서 웹 파트는 1열 섹션에 있습니다.

텍스트 웹 파트 사용에 대한 자세한 내용은 텍스트 웹 파트를 사용하여 페이지에 텍스트 및 테이블 추가를 참조하세요.

맨 위로 이동

조치 사항

이 예제에서 제공 사이트에는 섹션 내의 이미지와 링크가 있는 3열 레이아웃을 사용하는 섹션이 있습니다.

여기서 이미지 웹 파트는 텍스트 웹 파트와 페어링되어 작업 호출을 만듭니다.

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

섹션 작업

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

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

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

웹 파트 작업

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

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

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

맨 위로 이동

뉴스 웹 파트를 사용하여 뉴스 전파

뉴스 웹 파트는 뉴스 원본 및 레이아웃을 선택하는 컨트롤과 내용을 정리 및 필터링하는 컨트롤을 제공합니다. 레이아웃에는 뉴스 항목이 표시되므로 조정할 수 있는 5가지 옵션이 있습니다. 이 예제에서는 뉴스 기사가 사이트를 원본으로 사용하고 인기 기사 레이아웃이 제공됩니다. 사이트에 3개의 뉴스 기사만 게시되기 때문에 기사는 큰 이미지 1개와 작은 이미지 2개와 함께 나란히 표시됩니다.

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

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

맨 위로 이동

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

이벤트 웹 파트를 사용하면 제공 페이지에 예정된 이벤트를 쉽게 표시할 수 있습니다. 이 웹 파트를 사용하여 세션 계획부터 실제 이벤트에 이르기까지 제공 관련 이벤트에 주의를 끌 수 있으며, 뷰어는 이벤트를 쉽게 선택하여 일정에 추가할 수 있습니다.

이 제공 사이트 예제에서 이 웹 파트는 영화 레이아웃을 사용합니다.

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

맨 위로 이동

더 많은 정보를 원하는 경우

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