SharePoint 사이트의 디자인 변경

테마를 사용하여 SharePoint 사이트의 색 변경

기본 SharePoint 테마 중 하나를 선택하고 필요에 따라 사용자 지정하거나, 회사에 대해 승인된 브랜딩이 있는 회사 테마를 선택하거나, 클래식 환경 디자인 중 하나를 사용할 수 있습니다. 회사 테마를 만들고 업로드하려면 SharePoint 사이트 테마 지정을 참조하세요.

1. 사이트에서 설정 클릭한 다음 테마 > 모양 변경을클릭합니다.

   참고:  설정 메뉴에서 모양 변경이 표시되지 않으면 이 옵션을 관리할 수 있는 권한이 없을 수 있습니다. 자세한 내용은 SharePoint에서 사용 권한 수준 이해를 참조하거나 관리자에게 문의하세요.

2. 원하는 모양을 선택합니다. 선택한 테마가 적용된 사이트 모양에 대한 미리 보기가 표시됩니다. 저장을 클릭하여 사이트에 적용하거나, 표시되는 내용이 마음에 들지 않고 처음에 있던 항목으로 다시 되돌리기 하려는 경우 대신 취소를 클릭합니다.

   참고 사항: 

   • 관리자가 회사에서 승인한 테마 목록만 표시하도록 사이트 테마를 설정했을 수 있습니다. 그렇다면 기본 SharePoint 테마가 표시되지 않습니다.

   • 하위 사이트에서 테마를 업데이트하거나 관리자에게 클래식 환경으로 설정된 사이트가 있는 경우 클래식 환경 디자인 섹션 의 지침을 따릅니다.

   

3. 기본 SharePoint 테마 중 하나의 색을 사용자 지정하려면 테마를 선택한 다음 사용자 지정을 클릭합니다.

4. 원하는 기본 색 및 테마 컬러를 선택한 다음 저장을 클릭하여 사이트에 적용합니다. 기본 색 및 테마 컬러 목록은 사용자 지정하도록 선택한 기본 SharePoint 테마에 따라 달라집니다.

   참고: 현재는 이 설정을 사용하여 사이트의 배경색을 변경할 수 없습니다. SharePoint 관리자는 SharePoint 테마에 설명된 대로 회사에서 승인한 테마를 변경할 수 있습니다.

   

   

사이트 헤더 사용자 지정

1. 사이트에서 설정 클릭한 다음 머리글 > 모양 변경을 클릭합니다.

   참고 사항: 

   • 설정 메뉴에서 모양 변경이 표시되지 않으면 이 옵션을 관리할 수 있는 권한이 없을 수 있습니다. 자세한 내용은 SharePoint에서 사용 권한 수준 이해를 참조하거나 관리자에게 문의하세요.

   • 최소 및 확장 헤더 레이아웃은 GCC, GCC High, DoD, Gallatin 및 소버린 클라우드 고객의 모양 변경 패널에서 일시적으로 제거됩니다. 최소 헤더를 사용하는 사이트는 자동으로 컴팩트 헤더로 전환되고 확장 헤더 레이아웃을 사용하는 사이트는 자동으로 표준 헤더로 전환됩니다.

   

2. 레이아웃 선택: (컴팩트 레이아웃은 모든 최신 사이트의 기본값입니다.):

   1. 최소 레이아웃: 작은 사이트 로고, 사이트 제목, 사이트 탐색 및 사이트 작업 및 레이블을 포함하여 한 줄의 모든 콘텐츠로 높이를 줄입니다.

      

   2. 컴팩트 레이아웃: 콘텐츠를 한 줄에 유지하면서 전체 크기 사이트 로고를 사용하는 더 큰 높이 레이아웃입니다.

      

   3. 표준 레이아웃: 전체 크기 사이트 로고와 콘텐츠가 2줄로 분할된 레이아웃입니다.

      

   4. 확장 레이아웃: 콘텐츠가 사이트 로고, 사이트 제목 및 아래의 다른 콘텐츠와 별도로 선택적 배경 이미지가 있는 2개의 콘텐츠 영역으로 분할된 가장 큰 레이아웃입니다.

      

      참고: 홈으로 지정된 허브 사이트에서 확장 헤더를 사용하는 경우 사이트 탐색이 허브 탐색 모음으로 바뀝니다.

3. 배경 섹션에서 테마 색을 선택하여 사이트 머리글의 배경색을 변경합니다. 확장 을 선택하여 배경 이미지의 초점을 확인합니다.

   

4. 표시 섹션에서 다음을 수행합니다.

   1. 토글을 선택하여 사이트 제목의 표시 유형을 설정합니다.

   2. 변경 을 선택하여 사이트 로고 썸네일을 추가합니다(정사각형 가로 세로 비율이 필요한 환경에서 기본적으로 사용하기 위해 정사각형 로고여야 합니다).

   3. 변경을 선택하여 사이트 로고를 추가합니다. 확장 레이아웃을 사용하는 경우 사이트 로고 맞춤을 선택합니다.

   참고: 아이콘이 제대로 렌더링되도록 하려면 64 x 64픽셀에서 192 x 64픽셀(너비 x 높이) 범위 내에 맞는 아이콘을 선택하세요.

   

5. 완료되면 저장을 클릭합니다.

탐색 스타일 변경

1. 사이트에서 설정 클릭한 다음 탐색 > 모양 변경을클릭합니다.

   참고:  설정 메뉴에서 모양 변경이 표시되지 않으면 이 옵션을 관리할 수 있는 권한이 없을 수 있습니다. 자세한 내용은 SharePoint에서 사용 권한 수준 이해를 참조하거나 관리자에게 문의하세요.

2. 다음 옵션 중 하나를 선택합니다.

   메가메뉴 주

   

   Css

   

   참고 사항: 

   • 클래식 게시 기능이 켜져 있는 사이트에서는 Megamenu가 지원되지 않습니다.

   • 탐색 링크를 변경하려면 SharePoint 사이트에서 탐색 사용자 지정을 참조하세요.

   • 메가 메뉴 스타일을 사용할 때 3번째 수준에 추가된 링크는 단일 세로 목록으로만 표시됩니다.

3. 적용을 클릭하여 변경 내용을 저장합니다.

사이트 바닥글 추가

1. 사이트에서 설정 클릭한 다음 바닥글 > 모양 변경을 클릭합니다. 

   참고 사항: 

   • 설정 메뉴에서 모양 변경이 표시되지 않으면 이 옵션을 관리할 수 있는 권한이 없을 수 있습니다. 자세한 내용은 SharePoint에서 사용 권한 수준 이해를 참조하거나 관리자에게 문의하세요.

   • 사이트 바닥글 기능은 통신 사이트 페이지에서만 사용할 수 있습니다. 목록 페이지, 라이브러리 페이지 또는 사이트의 다른 페이지에는 사용할 수 없습니다.

   

2. 바닥글 표시 유형 스위치를 켜 기로 전환하여 사이트에 바닥글을 추가합니다.

3. 레이아웃 선택:

   1. 간단한 레이아웃:최대 8개의 열 너비로 한 수준의 링크와 레이블을 표시합니다.

      

   2. 확장 레이아웃: 최대 8개의 열 너비로 두 수준의 링크와 레이블을 표시합니다.

      

3. 업로드 를 선택하여 로고 이미지를 바닥글에 추가합니다. 이미지의 크기가 자동으로 조정됩니다.

4. 바닥글의 이름을 추가하려면 표시 이름을 입력합니다.

5. 배경색을 선택합니다.

6. 저장 을 선택하여 변경 내용을 저장합니다.

바닥글 레이블 및 링크 편집

사이트에 바닥글을 추가한 후 바닥글에 링크 또는 레이블을 추가할 수 있습니다. 메뉴 레이블 및 링크의 왼쪽 바닥글에서 편집 을 선택합니다.

링크 및 레이블을 추가하거나 편집하는 방법에 대한 자세한 내용은 SharePoint 사이트에서 탐색 사용자 지정을 참조하세요. 최대 8개의 링크 또는 레이블의 한 수준을 추가할 수 있습니다.

클래식 환경 테마를 사용하여 색, 배경 또는 글꼴 변경

관리자가 사이트를 클래식 환경으로 설정했거나 하위 사이트의 테마를 변경하는 경우 다음 단계에 따라 SharePoint 사이트의 색, 배경 및 글꼴을 변경합니다.

1. 사이트에서 설정 클릭한 다음 모양 변경을 클릭합니다.

2. 클래식 설정 보기를 클릭하거나 클래식에서 모양 옵션을 변경합니다. 클래식 환경에 이미 있는 경우 이 단계를 건너뜁니다.

   

3. 선택 항목 중에서 살펴보기를 선택합니다. 색이나 이미지가 마음에 들지 않으면 걱정하지 마세요. 다음 단계에서 변경할 수 있습니다.

4. 배경 이미지를 추가하거나 변경하려면 변경을 선택하여 자신의 이미지를 업로드하거나 컴퓨터의 이미지를 변경 명령 위의 썸네일 이미지로 끌어옵니다.

   

5. 색 구성표를 변경하려면 색 옆에 있는 화살표를 클릭하고 다른 색 구성표를 선택합니다.

   

6. 레이아웃을 변경하려면 사이트 레이아웃 옆에 있는 화살표를 클릭하고 다른 레이아웃을 선택합니다. 이 레이아웃은 탐색 링크, 검색 상자 등의 위치를 제어합니다.

7. 글꼴을 변경하려면 글꼴 옆에 있는 화살표를 클릭하고 다른 글꼴을 선택합니다.

   참고: 글꼴 형식 스타일을 변경할 수 있지만 크기를 변경할 수는 없습니다.

8. 사이트 콘텐츠에 적용할 때 변경 내용의 전체 크기 미리 보기를 볼 준비가 되면 사용해 보기를 클릭합니다. 다른 사이트 사용자에게는 아직 변경 내용이 표시되지 않습니다.

   참고: 표시되는 내용이 마음에 들지 않고 처음에 있던 내용으로 다시 되돌리기 하려는 경우 시작을 클릭하거나 사이트 로고를 클릭하여 모양 변경을 종료하고 사이트의 홈 페이지로 돌아갈 수 있습니다.

9. 미리 보기의 모양이 마음에 들면 예, 이대로 적용을 클릭합니다. 마음에 들지 않으면 아니요, 다시 시도를 클릭하고 다른 설정을 적용해 봅니다.