SharePoint 사이트의 디자인 변경

SharePoint 사이트의 디자인 변경

전문 스타일과 브랜드를 반영하기 위해 SharePoint 사이트의 모양을 빠르고 쉽게 사용자 지정할 수 있습니다. 사용할 수 있는 옵션은 사용 SharePoint 버전에 따라 달라 습니다.

참고: 모양을 변경하려면 사이트에서 사이트 소유자 또는 디자인 권한이 필요합니다.

룩 설정을 변경하면 사이트 SPO 마이그레이션 도구에 대한 설정 오른쪽 위 모서리에 있는 설정 SharePoint 있습니다. 팀 사이트의 경우 테마 및 헤더를 변경할 수 있습니다. 통신 사이트에서 탐색의 레이아웃을 변경하고 사이트에 발자국을 추가할 수도 있습니다.

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

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

참고 사항: 

  1. 사이트에서 설정 SPO 마이그레이션 도구에 대한 설정 클릭한 다음 테마의 모양 변경을 > 클릭합니다.

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

  2. 원하는 모양을 선택합니다. 선택한 테마가 적용된 사이트의 모양을 미리 볼 수 있습니다. 저장을 클릭하여 사이트에 적용하거나, 보는 것을 좋아하지 않고 처음에 했던 것으로 되돌리려면 취소를 클릭합니다.

    참고 사항: 

    • 관리자가 회사에서 승인한 테마 목록만 표시하기 위해 사이트 테마를 설정할 수 있습니다. 이 경우 기본 테마가 SharePoint 없습니다.

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

    SharePoint 사이트의 테마 변경

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

  4. 원하는 주 색과 강조 색을 선택한 다음 저장을 클릭하여 사이트에 적용합니다. 기본 색 및 악센트 색 목록은 사용자 지정하기로 선택한 기본 SharePoint 테마에 따라 다릅니다.

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

    SharePoint 사이트의 새 테마 선택

    SharePoint 사이트의 테마 색 사용자 지정

사이트 헤더 사용자 지정

  1. 사이트에서 설정 Office 365 설정 단추 클릭한 다음 머리 > 변경을 클릭합니다.

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

    룩 헤더 변경

  2. 레이아웃 선택: (압축 레이아웃은 모든 최신 사이트에 대해 기본값입니다.)

    1. 최소 레이아웃: 작은 사이트 로고, 사이트 제목, 사이트 탐색 및 사이트 작업 및 레이블을 포함하여 단일 줄의 모든 콘텐츠로 높이가 줄어듭시게 됩니다.

      최소 헤더

    2. 소형 레이아웃:전체 크기 사이트 로고를 사용하는 더 큰 높이 레이아웃을 통해 콘텐츠를 한 줄에 보관합니다.

      콤팩트 헤더

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

      표준 헤더

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

      확장 헤더

  3. 배경 섹션에서 테마 색을 선택하여 사이트 헤더의 배경색을 변경합니다. 확장 헤더를 선택하여 배경 이미지의 초점이 결정됩니다.

    디자인 변경

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

    1. 토글을 선택하여 사이트 타이틀의 가시성을 설정합니다.

    2. 변경을 선택하여 사이트 로고 축소판 그림을 추가합니다(정사각형 세로 비율이 필요한 경험에서 기본으로 사용하기 위해 정사각형 로고가 되어야 합니다).;

    3. 변경을 선택하여 사이트 로고를 추가합니다(세로 비율로 직사각형일 수 있습니다).

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

    모양 표시 변경

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

탐색 스타일 변경

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

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

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

    Megamenu

    SharePoint 메가 메뉴

    계단식

    SharePoint 계단식 메뉴 예제

    참고 사항: 

    • Megamenu 스타일은 SharePoint 허브 사이트 또는 통신 사이트에 Microsoft Teams 사용할 수 있습니다.

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

    • 탐색 링크를 변경하기 위해 SharePoint 사이트의 탐색 사용자 지정을 참조하세요.

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

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

사이트 발자국 추가

  1. 사이트에서 설정 Office 365 설정 단추 클릭한 다음, > 변경을 클릭합니다. 

    참고 사항: 

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

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

    발자국을 사용하도록 설정한 모양 패널 변경

  2. 발자국 표시 스위치를 On으로 전환하여 사이트에 발자국을 추가합니다.

  3. 레이아웃 선택:

    1. 간단한 레이아웃:한 수준의 링크 및 레이블을 표시하고 최대 8개의 열을 폭으로 표시합니다.

      간단한 발자국 레이아웃
    2. 확장 레이아웃: 최대 8개 열까지의 두 개의 링크 및 레이블을 표시합니다.

      확장된 발자국

3. 업로드를 선택하여 로고 이미지를 발판에 추가합니다. 이미지가 자동으로 조정됩니다.

4. 발자국의 이름을 추가하기 위해 표시 이름을 입력합니다.

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

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

발자국 레이블 및 링크 편집

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

확장된 발자국 편집 옵션

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

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

관리자가 클래식 환경으로 설정된 사이트가 있는 경우 또는 하위 사이트 테마를 변경하는 경우 다음 단계를 수행하여 사이트의 색, 배경 및 글꼴을 SharePoint 있습니다.

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

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

    커뮤니티 사이트를 사용자 지정하는 데 사용할 수 있는 디자인의 예

  3. 선택 중에서 룩을 선택해 봐야 합니다. 색이나 이미지를 정확히 좋아하지 않는 경우 다음 단계에서 변경할 수 있습니다.

  4. 배경 이미지를 추가하거나 변경하려면 변경을 선택하고 자신의 이미지를 업로드하거나 컴퓨터에서 변경 명령 위의 축소판 그림 이미지로 끌어다 놓습니다.

    SharePoint에서 배경 이미지 모양 선택을 변경합니다.

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

    모양의 색, 글꼴 및 레이아웃 편집

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

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

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

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

    참고: 처음에 보고 있는 것으로 되돌리려면 시작을 클릭하거나 사이트 로고를 클릭하여 모양 변경을 종료하고 사이트의 홈페이지로 돌아갈 수 있습니다.

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

    변경 내용 유지 또는 무시

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

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

참고 사항: 

  1. 사이트에서 설정 SPO 마이그레이션 도구에 대한 설정 클릭한 다음 테마의 모양 변경을 > 클릭합니다.

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

  2. 원하는 모양을 선택합니다. 선택한 테마가 적용된 사이트의 모양을 미리 볼 수 있습니다. 저장을 클릭하여 사이트에 적용하거나, 보는 것을 좋아하지 않고 처음에 했던 것으로 되돌리려면 취소를 클릭합니다.

    참고 사항: 

    • 관리자가 회사에서 승인한 테마 목록만 표시하기 위해 사이트 테마를 설정할 수 있습니다. 이 경우 기본 테마가 SharePoint 없습니다.

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

    SharePoint 사이트의 테마 변경

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

    원하는 주 색과 강조 색을 선택한 다음 저장을 클릭하여 사이트에 적용합니다. 기본 색의 회색(중립),라이트(부드러운)또는어두운(강한)버전이 사이트의 헤더에 적용될지 여부를 선택할 수도 있습니다. 또는 기본 흰색 헤더 배경을 유지할 수 있습니다. 기본 색 및 악센트 색 목록은 사용자 지정하기로 선택한 기본 SharePoint 테마에 따라 다릅니다.

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

    SharePoint 사이트의 새 테마 선택

    SharePoint 사이트의 테마 색 사용자 지정

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

관리자가 클래식 환경으로 설정된 사이트가 있는 경우 또는 하위 사이트 테마를 변경하는 경우 다음 단계를 수행하여 사이트의 색, 배경 및 글꼴을 SharePoint 있습니다.

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

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

    커뮤니티 사이트를 사용자 지정하는 데 사용할 수 있는 디자인의 예

  3. 선택 중에서 룩을 선택해 봐야 합니다. 색이나 이미지를 정확히 좋아하지 않는 경우 다음 단계에서 변경할 수 있습니다.

  4. 배경 이미지를 추가하거나 변경하려면 변경을 클릭하여 자신의 이미지를 업로드하거나 컴퓨터에서 변경 명령 위의 축소판 그림 이미지로 끌어다 놓습니다.

    SharePoint에서 배경 이미지 모양 선택을 변경합니다.

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

    모양의 색, 글꼴 및 레이아웃 편집

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

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

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

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

    참고: 처음에 보고 있는 것으로 되돌리려면 시작을 클릭하거나 사이트 로고를 클릭하여 모양 변경을 종료하고 사이트의 홈페이지로 돌아갈 수 있습니다.

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

    변경 내용 유지 또는 무시

테마를 사용하여 사이트의 색, 배경 또는 글꼴을 SharePoint

  1. 사이트에서 설정 Office 365 설정 단추 클릭하고 모양 변경 을 클릭합니다.

    모양 변경이 강조 표시된 설정 메뉴

    또한 설정 Office 365 설정 단추 클릭하고 사이트 설정을 클릭한 다음 모양 및 느낌 제목 아래에서 모양 변경을 클릭합니다.

    모양 변경이 강조 표시된 사이트 설정 모양 및 느낌 섹션

    참고 사항: 

    • 홈페이지에 사이트 시작 타일이 있으면 사이트 꾸미기 타일을 클릭할 수 있습니다.

    • 시작 타일의 사이트 꾸미기 단추

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

  2. 선택 중에서 다른 모양을 선택할 수 있습니다. 색이나 이미지를 정확히 좋아하지 않는 경우 다음 단계에서 변경할 수 있습니다.

    커뮤니티 사이트를 사용자 지정하는 데 사용할 수 있는 디자인의 예

  3. 이제 다음 방법으로 사이트를 창의적으로 꾸밀 수 있습니다.

    • 배경 이미지를 추가하거나 변경하려면 변경을 클릭하고 고유한 이미지를 업로드하거나 컴퓨터의 이미지를 변경 명령 위의 축소판 그림 이미지로 끌어다 놓습니다.

      참고: 끌어서 놓기가 작동하지 않으면 브라우저 소프트웨어의 최신 버전이나 Microsoft Office 2013 이상을 설치하세요.

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

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

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

    선택한 테마 사용자 지정

    참고 사항: 

    • 미리 보기 영역에서 변경 내용이 어떻게 보이는지 즉시 확인할 수 있습니다. 처음에 사용했던 것으로 되돌리려면 다시 시작을 클릭합니다. 사이트 로고를 클릭하여 모양 변경을 종료하고 사이트의 홈 페이지로 돌아갈 수도 있습니다.

    • SharePoint 설치에는 여러 가지 버전이 있을 수 있으며 다양한 방식으로 사용자 지정될 수 있으므로 사이트의 디자이너가 다른 종료 방식을 제공했을 수 있습니다. 종료 방식이 표시되지 않으면 관리자에게 문의하세요.

  4. 사이트 콘텐츠에 적용될 때 변경 내용이 어떻게 표시될지 전체 크기 미리 보기를 보려면 시도 를 클릭합니다. 다른 사이트 사용자에게는 아직 변경 내용이 표시되지 않습니다. 변경 내용이 마음에 들지 않으면 다시 시작을 클릭합니다.

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

참고: 완료했거나 마음이 바뀌었으면 화면 왼쪽 위에 있는 이동 경로 탐색 링크 중 하나를 클릭하여 이전 화면으로 되돌아갑니다.

타이틀은 사이트 방문자가 사이트를 방문할 때 가장 먼저 볼 수 있으므로 팀 또는 프로젝트를 설명하는 타이틀을 선택하는 것이 좋습니다. 로고를 추가하면 방문자가 올바른 사이트에 있다는 것을 빠르게 확인하는 데 도움이 됩니다.

  1. SharePoint 사이트에서 설정 Office 365 설정 단추 클릭한 다음 사이트 설정을 클릭합니다.

  2. 사이트 설정 페이지의 디자인에서 제목, 설명, 로고를 클릭합니다.

    제목, 설명, 로고가 선택된 사이트 설정

    참고: 제목, 설명 로고가 없는 경우 해당 옵션을 관리할 수 있는 권한이 없는 것일 수 있습니다. 사이트에 대한 소유자 또는 디자인 권한이 필요합니다. 조직은 전체 사이트 모음에 대한 디자인을 정의할 수도 있으며 이러한 옵션을 관리할 수 있는 권한을 제거했습니다. 자세한 내용은 SharePoint에서 사용 권한 수준 이해를 참고하세요.

  3. 제목 필드에 새 제목을 입력합니다.
    새 타이틀이 사이트의 각 페이지에 표시됩니다.

    제목, 설명 및 로고 설정 페이지

  4. 설명 필드에 새 설명을 입력합니다. 설명은 사이트에는 나타나지 않지만 검색 결과 페이지에는 표시됩니다.

  5. 다음과 같이 로고를 변경합니다.

    • 컴퓨터에서 로고를 업로드하려면 컴퓨터에서, 찾아보기를 차례로 클릭하고 이미지를 찾은 다음 열기를 클릭합니다.

    • SharePoint에서 로고를 추가하려면 이미지가 SharePoint 라이브러리로 찾아가 이미지를 선택하고 삽입을 클릭합니다. 여기서는 로고를 팀 사이트에 이미 업로드했다고 가정합니다.

  6. 확인을 클릭하여 변경 내용을 저장합니다.

사이트에서 로고가 원하는 대로 표시되지 않으면 로고를 수정한 다음 위의 단계를 반복하여 로고를 덮어씁니다.

추가 도움이 필요하신가요?

Office 기술 확장
교육 살펴보기
새로운 기능 우선 가져오기
Office Insider 참여

이 정보가 유용한가요?

의견 주셔서 감사합니다!

피드백을 주셔서 감사합니다. Office 지원 에이전트와 연락하는 것이 도움이 될 것 같습니다.

×