콘텐츠가 깔끔하게 정리되고 구조화된 것만큼 중요한 것이 바로 시각적인 매력입니다. SharePoint의 최신 페이지(모던 페이지) 환경은 바로 이러한 경험을 제공합니다. 이번 글에서는 SharePoint 최신 페이지에 섹션과 열을 추가하는 방법을 단계별로 자세히 알아보겠습니다.
SharePoint 최신 페이지에서 섹션 및 열 추가하기
SharePoint 최신 페이지는 다음과 같은 방식으로 사용자 지정할 수 있습니다.
- 페이지에 열이 포함된 섹션 추가
- 세로 섹션 추가
- 기존 섹션 변경
- 열에 콘텐츠 추가
그럼 레이아웃을 정리하고 열이 있는 섹션을 추가하여 SharePoint 최신 페이지에서 매력적인 콘텐츠를 만드는 방법을 하나씩 살펴보겠습니다.
1] 페이지에 열이 포함된 섹션 추가
먼저 열을 배치하거나 추가하려는 페이지로 이동합니다.
페이지 오른쪽 상단에 표시되는 '편집' 옵션을 선택합니다.
이제 마우스 커서를 페이지 제목 영역 아래 또는 기존 웹 파트 위·아래로 가져갑니다. 그러면 원 안의 + 기호가 있는 선이 나타나며 '새 섹션 추가' 옵션이 표시됩니다.
원을 클릭한 후 '섹션 레이아웃'에서 원하는 열의 개수를 선택합니다. 커뮤니케이션 사이트에 속한 페이지라면 전체 페이지 폭을 차지하는 전체 폭 열을 선택할 수도 있습니다.
2] 세로 섹션 추가
세로 섹션을 추가하려는 페이지로 이동합니다.
마우스 커서를 페이지 제목 영역 아래 맨 왼쪽으로 이동하거나, 기존 웹 파트 위·아래에 위치시킵니다. 앞서와 마찬가지로 '새 섹션 추가'를 선택합니다.
원을 클릭하고 '섹션 레이아웃'에서 '세로 섹션'을 선택합니다.
참고로 세로 섹션은 현재 페이지 오른쪽에만 배치할 수 있습니다. 세로 섹션의 길이는 페이지 내용에 따라 자동으로 조절되며, 일반 섹션의 콘텐츠 길이에 맞춰 늘어나거나 줄어듭니다.
또한 브라우저 창이 좁으면 세로 섹션이 페이지 하단으로 이동합니다. 창 크기를 넓히면 세로 섹션이 다시 페이지 오른쪽으로 돌아옵니다. 화면 너비가 1024픽셀 미만인 경우에도 같은 현상이 발생할 수 있으므로, Windows 설정의 '배율 및 레이아웃'에서 디스플레이 설정을 조정하는 것이 좋습니다. 예를 들어 '텍스트, 앱 및 기타 항목의 크기 변경' 드롭다운에서 125% 이하의 값을 선택하세요.
3] 기존 섹션 변경
기존 섹션에 변경 사항을 반영하고 싶다면 수정하려는 페이지로 이동합니다.
아직 편집 모드가 아니라면 페이지 오른쪽 상단의 '편집'을 클릭합니다.
편집 모드에서는 페이지의 각 섹션이 점선으로 표시됩니다. 열을 추가하려는 섹션을 선택한 다음, 페이지 왼쪽에 나타나는 '섹션 편집'을 클릭합니다.
이제 화면 오른쪽의 '섹션' 도구 상자에서 원하는 열의 개수와 유형을 선택합니다.
섹션을 더욱 돋보이게 만들고 싶다면 섹션 배경색을 지정할 수도 있습니다. 사용 가능한 색상은 사이트 테마를 기반으로 제공됩니다.
단, 최상의 결과를 얻으려면 특정 웹 파트가 포함된 섹션에는 배경색을 사용하지 않는 것이 좋습니다.
4] 열에 콘텐츠 추가
열에 콘텐츠를 추가하려면 먼저 편집 모드에 있는지 확인합니다.
다음으로 콘텐츠를 추가하려는 열로 이동한 뒤, 해당 열 위에 마우스 커서를 올리고 최신 웹 파트를 추가하는 데 사용되는 동그란 + 기호를 클릭합니다.
열에 추가할 웹 파트를 선택한 후 해당 웹 파트에 콘텐츠를 입력하면 됩니다.
또한 두 개 이상의 열에 콘텐츠가 있을 때 열 수를 줄이면, 가장 오른쪽 열의 콘텐츠가 왼쪽의 다음 열로 자동으로 이동합니다. 마찬가지로 열을 하나로 줄이면 두 번째 또는 세 번째 열의 콘텐츠가 첫 번째 열 하단으로 이동합니다.
(이미지 출처 – Office.com)
이처럼 SharePoint 최신 페이지에 섹션과 열을 추가하면 훨씬 체계적이고 보기 좋은 페이지를 만들 수 있습니다.