SharePoint 최신 페이지에 열이 있는 섹션을 추가하여 매력적인 구성 레이아웃을 만듭니다. 콘텐츠를 나란히 표시하려면 각 섹션에 최대 3개의 열을 추가할 수 있습니다. 통신 사이트의 일부인 페이지에서 작업하는 경우 전체 너비 열을 추가하여 전체 페이지(가장자리 포함)에 걸쳐 있는 열을 만들 수 있습니다. 다양한 수의 열이 있는 여러 섹션을 스택할 수도 있습니다. 오른쪽에 빠른 링크, 연락처, 날씨, 카운트다운 타이머 등의 항목을 표시하는 데 유용한 세로 섹션을 추가할 수도 있습니다.
다음 예제에서는 왼쪽에 세 개의 열 섹션이 있고 오른쪽에는 세로 섹션이 있습니다.
참고 사항:
-
섹션 컨트롤에 대한 업데이트된 디자인을 롤아웃하는 중입니다. 새 환경 은 SharePoint 최신 페이지에서 섹션 및 열 추가(업데이트됨) 를 참조하세요.
-
일부 기능은 대상 릴리스 프로그램을 옵트인한 조직에 점진적으로 도입됩니다. 즉, 이 기능이 아직 표시되지 않거나 도움말 문서에 설명된 것과 다를 수 있습니다.
페이지에 섹션 레이아웃 추가
-
열을 추가할 페이지로 이동합니다.
-
편집 모드가 아직 없는 경우 페이지 오른쪽 위에서 편집 을 선택합니다.
-
페이지의 제목 영역 아래를 마우스로 맨 왼쪽 또는 페이지의 맨 왼쪽에 있는 기존 웹 파트 위 또는 아래에 마우스로 가리키면 새 섹션 추가라는 도구 팁과 함께 원이 지정된 +가 있는 선이 표시됩니다.
-
선택합니다. -
섹션 레이아웃에서 원하는 열 수를 선택하거나 통신 사이트의 일부인 페이지에 있는 경우 전체 페이지(가장자리 포함)에 걸쳐 있는 전체 너비 열을 선택할 수 있습니다.
참고: 팀 사이트의 일부인 페이지에서는 전체 너비 열을 사용할 수 없습니다. 커뮤니케이션 사이트의 일부인 페이지에서만 사용할 수 있습니다.
섹션 템플릿 추가
참고: 섹션 템플릿 추가는 현재 Microsoft 365의 SharePoint에서만 사용할 수 있습니다. 이 기능은 SharePoint Server 2019 및 SharePoint Server 구독 버전에서 사용할 수 없습니다.
-
섹션 템플릿을 추가할 페이지로 이동합니다.
-
편집 모드가 아직 없는 경우 페이지 오른쪽 위에서 편집 을 선택합니다.
-
페이지의 제목 영역 아래로 마우스를 가져가면 페이지의 맨 왼쪽에 있는 기존 웹 파트의 위 또는 아래를 가리키면 새 섹션 추가라는 도구 팁과 함께 원이 지정된 +가 있는 선이 표시됩니다.
-
선택합니다. -
열리는 창에서 템플릿 탭을 선택합니다.
-
템플릿 목록에서 요구 사항에 가장 적합한 템플릿을 선택합니다.
-
해당 템플릿이 페이지에 추가되면 원하는 콘텐츠를 템플릿의 각 필드에 삽입합니다.
SharePoint 페이지에 섹션 템플릿을 사용하는 방법에 대해 자세히 알아봅니다.
세로 섹션 추가
참고: 세로 섹션 추가는 현재 Microsoft 365의 SharePoint에서만 사용할 수 있습니다. 이 기능은 SharePoint Server 2019 및 SharePoint Server 구독 버전에서 사용할 수 없습니다.
-
세로 섹션을 추가할 페이지로 이동합니다.
-
편집 모드가 아직 없는 경우 페이지 오른쪽 위에서 편집 을 선택합니다.
-
페이지의 제목 영역 아래로 마우스를 가져가면 페이지의 맨 왼쪽에 있는 기존 웹 파트의 위 또는 아래를 가리키면 새 섹션 추가라는 도구 팁과 함께 원이 지정된 +가 있는 선이 표시됩니다.
-
선택합니다. -
구역 레이아웃에서 세로 섹션을 선택합니다.
-
좁은 브라우저 창에서 세로 섹션을 페이지의 아래쪽 또는 맨 위로 이동할 수 있습니다. 편집 섹션을 선택하여 브라우저 창이 더 작은 크기로 압축될 때 세로 섹션을 페이지의 맨 위 또는 아래쪽으로 이동하도록 할지 여부를 선택합니다.
참고 사항:
-
세로 섹션은 현재 페이지의 오른쪽에서만 사용할 수 있습니다.
-
세로 구역의 길이는 페이지의 콘텐츠에 따라 조정되며, 수직이 아닌 섹션의 콘텐츠 길이에 따라 증가하거나 축소됩니다.
-
동일한 페이지에는 전체 너비 열과 세로 섹션이 있을 수 없습니다.
-
좁은 브라우저 창에서 세로 섹션이 페이지 아래쪽으로 이동합니다. 창을 넓게 만들면 세로 섹션이 페이지의 오른쪽으로 돌아갑니다. 화면 너비가 1024px보다 작은 경우에도 발생할 수 있습니다. 크기 조정 및 레이아웃에서 디스플레이 설정을 조정해 보세요. 예를 들어 텍스트, 앱 및 기타 항목의 크기 변경 아래의 드롭다운에서 125% 이하의 값을 선택합니다.
기존 섹션 변경
참고: 두 개 이상의 열에 콘텐츠가 있는 경우 열 수를 줄이면 대부분의 오른쪽 열에 있는 콘텐츠가 왼쪽의 다음 열로 이동합니다. 하나의 열로 줄이면 두 번째 또는 세 번째 열의 콘텐츠가 첫 번째 열의 맨 아래로 이동합니다.
-
섹션을 변경할 페이지로 이동합니다.
-
편집 모드가 아직 없는 경우 페이지 오른쪽 위에서 편집 을 선택합니다.
-
페이지의 각 섹션은 점선으로 표시됩니다. 열을 추가할 섹션을 선택한 다음 페이지 왼쪽에서 편집 섹션 을 선택합니다.
-
오른쪽의 섹션 도구 상자에서 원하는 열의 수와 유형을 선택하고 섹션을 돋보이게 만들거나 페이지를 더 매력적으로 만들려면 16가지 옵션 중에서 섹션 배경을 선택합니다. 사용 가능한 처음 4가지 색은 사이트 테마를 기반으로 합니다. 그라데이션 색 또는 이미지를 배경으로 설정할 때 텍스트를 더 쉽게 읽을 수 있도록 시에 오버레이가 자동으로 추가되었습니다.
참고 사항:
-
섹션 배경 옵션은 아래 표시된 텍스트 웹 파트(왼쪽)와 같이 대부분의 웹 파트를 통해 표시됩니다. 다른 웹 파트는 아래의 빠른 차트 웹 파트(오른쪽)와 같이 섹션이 아닌 페이지의 배경을 유지 관리합니다. 접근성을 위해 목록, 문서 라이브러리 및 빠른 차트 웹 파트는 항상 페이지 배경을 유지합니다(예: 아래 빠른 차트 웹 파트).
-
사이트 활동, Viva Engage Conversations, Viva Engage Highlights, List 속성, 페이지 속성, 그룹 일정, Bing 뉴스 및 Microsoft Power Apps를 통해 섹션 배경을 표시할 수 있도록 허용하는 웹 파트는 다음과 같습니다. 최상의 결과를 위해서는 이러한 웹 파트가 포함된 섹션에 섹션 배경색을 사용하지 않는 것이 좋습니다.
열에 콘텐츠 추가
-
편집 모드가 아직 없는 경우 페이지 오른쪽 위에서 편집 을 선택합니다.
-
콘텐츠를 추가할 열로 이동합니다.
-
마우스를 열 위로 마우스로 가리키고
선택합니다. -
열에 추가할 웹 파트를 선택한 다음 웹 파트에 콘텐츠를 추가합니다. 웹 파트 사용에 대해 알아봅니다.
섹션을 축소 가능으로 만들기
참고: 섹션을 축소할 수 있도록 설정은 현재 Microsoft 365의 SharePoint에서만 사용할 수 있습니다. 이 기능은 SharePoint Server 2019 및 SharePoint Server 구독 버전에서 사용할 수 없습니다.
섹션 서식 창에서 섹션을 축소할 수 있도록 합니다.
-
편집 모드가 아직 없는 경우 페이지 오른쪽 위에서 편집 을 선택합니다.
-
축소할 섹션을 선택한 다음 페이지 왼쪽에 있는 섹션 편집 을 선택합니다.
-
섹션 서식 창의 이 섹션을 축소할 수 있도록 설정에서 토글을 전환합니다.
-
섹션 표시 이름을 추가하여 섹션을 식별하고 구역 간 구분선 표시 토글을 켜거나 끕니다.
-
왼쪽 또는 오른쪽을 선택하여 확장 또는 축소 아이콘 맞춤을 선택합니다.
-
각 섹션에 대해 토글을 원하는 옵션으로 전환하여 기본 디스플레이를 확장하거나 축소할지 결정합니다.