내 사이트 마스터 페이지 사용자 지정

참고:  사용자 언어로 가능한 한 빨리 가장 최신의 도움말 콘텐츠를 제공하고자 합니다. 이 페이지는 자동화를 통해 번역되었으며 문법 오류나 부정확한 설명을 포함할 수 있습니다. 이 목적은 콘텐츠가 사용자에게 유용하다는 것입니다. 이 페이지 하단의 정보가 도움이 되었다면 알려주세요. 쉽게 참조할 수 있는 영어 문서 가 여기 있습니다.

마스터 페이지는 사이트의 모든 페이지에 사용되는 모양과 느낌을 지정합니다. 마스터 페이지의 스타일 또는 콘텐츠를 변경하여 전체 사이트의 모양을 간단하게 사용자 지정할 수 있습니다.

이 문서에서는 기존 내 사이트 마스터 페이지의 사본을 만들고 수정한 다음 마스터 페이지에 연결된 내 사이트 모음의 모든 페이지에 새로 만들었거나 수정한 내 사이트 마스터 페이지를 적용하는 방법을 설명합니다. 내 사이트 마스터 페이지를 수정하면 변경 사항이 모든 사용자들의 내 프로필 페이지에 표시됩니다.

SharePoint 마스터 페이지 소개에서 마스터 페이지에 대해 자세히 알아보세요.

참고: 이 항목의 절차를 수행하려면 적절한 사용 권한이 있어야 합니다. SharePoint Designer 2010으로 SharePoint Online 사이트를 열고 마스터 페이지를 사용자 지정하려면 기본적으로 사이트 소유자 그룹 또는 디자이너 그룹의 구성원이거나 사이트 모음 관리자여야 합니다. 이러한 그룹의 구성원이지만 이 항목에 설명된 옵션을 볼 수 없다면 구현된 SharePoint Online이 SharePoint Designer를 사용할 수 있는 사람을 제한하도록 사용자 지정되어 있을 수 있습니다. 사이트 관리자에게 문의하여 확인하세요.

이 문서의 내용

개요: 마스터 페이지 레이아웃을 정의 하는 페이지

내 사이트 마스터 페이지 보기

사용자 지정 또는 처음부터?

내 사이트 마스터 페이지 사용자 지정

내 사이트 마스터 페이지 사본 만들기

콘텐츠 개체 틀 컨트롤 사용

콘텐츠 개체 틀 컨트롤 찾기 및 수정

스타일 사용

DIV 태그로 CSS 작업 간소화

마스터 페이지의 스타일 편집 또는 사용자 지정 CSS 만들기

개요: 페이지 레이아웃을 정의하는 마스터 페이지

마스터 페이지는 SharePoint 페이지의 공통적인 레이아웃 및 인터페이스를 정의합니다.

내 사이트 마스터 페이지 내 사이트, 페이지 또는 사이트 제목 맨 위에 있는 컨트롤 등의 페이지를 이동할 때 표시 되는 영구적인 요소를 표시 합니다.

이런 요소는 모두 내 사이트 마스터 페이지에 저장됩니다.

SharePoint의 내 사이트 페이지와 내 프로필 페이지는 모두 사이트에서 콘텐츠 페이지로 처리됩니다. 브라우저에서 보면 이 페이지들은 내 사이트 마스터 페이지와 통합되어 연속적인 단일 웹 페이지를 형성합니다.

내 사이트 마스터 페이지에는 영구적인 요소 및 레이아웃이 표시되고, 콘텐츠 페이지에는 페이지별로 고유한 콘텐츠가 표시됩니다.

내 사이트 마스터 페이지 보기

  1. SharePoint Designer에서 루트 사이트인 내 사이트(예: https://YourDomainName-my.sharepoint.com)를 연 다음 탐색 창에서 마스터 페이지를 클릭합니다.

  2. mysite.master를 클릭하여 마스터 페이지 갤러리에서 요약 정보를 봅니다.

  3. 리본 메뉴에서 파일 편집을 클릭하여 마스터 페이지를 엽니다.

그러면 마스터 페이지가 SharePoint Designer 2010 전체 화면 페이지 편집기에서 열립니다.

여기서 디자인 보기, 분할 보기 또는 코드 보기로 페이지를 편집할 수 있습니다. 디자인 타임이 지원되므로 사용자 지정하면서 마스터 페이지가 어떤 모양이 될지 확인할 수 있습니다. 아래에서 보는 것처럼 태그, 스타일, 스크립트 및 콘텐츠 영역을 사용자 지정하는 데 사용할 수 있는 도구도 있습니다.

내 사이트 마스터 페이지를 열면 파일 속성뿐 아니라 파일도 편집할 수 있습니다.

A다양 한 기능 손쉽게 만들고 보다 이전에 SharePoint Designer 2010에서 마스터 페이지를 사용자 지정:

  • 탐색 메뉴에 마스터 페이지 범주가 포함되어 사이트의 마스터 페이지 갤러리로 바로 전환할 수 있습니다.

  • 마스터 페이지를 편집할 때 페이지 편집 도구를 사용하여 레이어를 삽입 및 관리하거나 DIV 태그를 배치할 수 있으며 겹쳐진 레이어 사이를 탐색하는 꽂이식 클릭 옵션을 사용하여 레이어 및 기타 요소를 빠르게 찾을 수 있습니다.

  • 새 사이트 및 웹 파트 페이지를 만들면 자동으로 기본 마스터 페이지에 연결되므로 매번 수동으로 연결할 필요가 없습니다.

사용자 지정 또는 처음부터 만들기

SharePoint 2010 사이트에서 사용자 지정 내 사이트 마스터 페이지를 사용하려면 다음을 실행합니다.

  • 내 사이트 마스터 페이지 사본(mysite.master) 사용자 지정 또는

  • 새로운 사용자 지정 내 사이트 마스터 페이지를 처음부터 만들고 내 사이트 마스터 페이지로 지정.

이 문서에서는 첫 번째 방법인 내 사이트 마스터 페이지 사본 사용자 지정에 대해 중점적으로 설명합니다.

두 접근 방식 모두 각각의 장점과 단점이 있습니다.

mysite.master 사본을 사용자 지정하는 경우    기존 SharePoint의 모양과 느낌 및 기능, 브랜드, 디자인 요소 등을 사용하며 필요에 맞게 사용자 지정합니다. mysite.master 페이지의 모든 요소들이 작동하는 방식에 대해 이해하려면 약간 어려울 수도 있지만, 이 접근 방식은 SharePoint 페이지 머리글 변경과 같은 브랜딩 또는 사용자 지정 작업이 최소화되므로 유용합니다.

빈 사용자 지정 내 사이트 마스터 페이지를 만들거나 시작 마스터 페이지를 기반으로 사용하는 경우,    전체 디자인을 처음부터 만들게 됩니다. 이 접근 방식은 SharePoint에서 디자인을 구현하는 방법에 대해 알아야 하므로 어려울 수는 있지만 만들려는 디자인에 대해 알고 있고 기존 계획 및 프로토타입을 활용한다면 보다 유연성 있는 방법입니다. 거의 비어 있는 페이지를 캔버스처럼 이용하여 먼저 디자인을 구축한 다음 필요한 SharePoint 구성 요소를 추가합니다.

내 사이트 마스터 페이지 사용자 지정

SharePoint Designer 2010에서 마스터 페이지를 사용자 지정하려면 먼저 사이트 자체에서 또는 시작 메뉴에서 SharePoint Designer 2010을 엽니다. SharePoint Designer 2010에서 사이트를 연 상태에서 탐색 창에서 마스터 페이지를 클릭합니다.

대부분의 SharePoint Online 엔터프라이즈 에디션 사이트의 경우 다음에 나온 것과 같이 마스터 페이지 갤러리의 마스터 페이지 4개가 표시됩니다. v4.master, minimal.masterdefault.master가 나타나며 내 사이트를 사용하는 경우 mysite.master 마스터 페이지도 표시됩니다.

SharePoint 2010 마스터 페이지의 목록

내 사이트 마스터 페이지 사본 만들기

  1. SharePoint Designer에서 사이트를 연 다음 탐색 창에서 마스터 페이지를 클릭합니다.

  2. mysite.master를 마우스 오른쪽 단추로 클릭한 다음 Ctrl+P를 눌러 사본을 마스터 페이지 갤러리에 붙여 넣습니다.

  3. mysite_copy(1).master를 클릭하여 마스터 페이지 갤러리에서 요약 정보를 봅니다.

  4. 리본 메뉴에서 파일 편집을 클릭하여 마스터 페이지를 표시합니다.

그러면 마스터 페이지가 SharePoint Designer 2010 전체 화면 페이지 편집기에서 열리며, 여기서 디자인 보기, 분할 보기 또는 코드 보기로 페이지를 편집할 수 있습니다. 디자인 타임이 지원되므로 사용자 지정하면서 마스터 페이지가 어떤 모양이 될지 확인할 수 있습니다. 아래에서 보는 것처럼 태그, 스타일, 스크립트 및 콘텐츠 영역을 탐색하고 사용자 지정하는 데 사용할 수 있는 도구도 있습니다.

콘텐츠 개체 틀 컨트롤 사용

마스터 페이지와 콘텐츠 페이지는 대체 가능한 영역 집합이나 콘텐츠 개체 틀 컨트롤을 사용하여 함께 작동합니다. 페이지 코드에 ContentPlaceHolder로 나타나는 각 콘텐츠 개체 틀은 마스터 페이지에서 다시 정의할 수 있는 콘텐츠를 나타냅니다. 일치하는 콘텐츠 컨트롤을 제공하면 사이트의 모든 페이지를 콘텐츠 개체 틀 안에 포함된 내용으로 대체할 수 있습니다. 콘텐츠 컨트롤은 비워 둘 수도 있으며, 그러면 렌더링된 페이지에서 해당 요소가 완전히 제거됩니다.

중요: 마스터 페이지를 사용자 지정할 때 콘텐츠 개체 틀을 삭제하지 마세요. 삭제하면 일부 페이지뿐 아니라 심지어 마스터 페이지와 연결된 사이트도 연결이 끊어질 수 있습니다. 이러한 컨트롤은 삭제하는 대신 숨기는 것이 좋습니다.

콘텐츠 영역 관리 기능을 사용하여 페이지에서 각 콘텐츠 개체 틀 컨트롤을 찾을 수 있습니다. 코드 보기 및 WYSIWYG 편집기에서 컨트롤을 볼 수 있습니다.

특히 중요한 또 하나의 콘텐츠 개체 틀은 페이지를 웹 브라우저에서 볼 때 각 콘텐츠 페이지로 대체되는 PlaceHolderMain입니다.

PlaceHolderMain 컨트롤은 브라우저에서 내 사이트 마스터 페이지를 볼 때 각 콘텐츠 페이지로 대체됩니다.

콘텐츠 개체 틀 컨트롤의 위치를 바꿔 SharePoint 사이트의 콘텐츠 레이아웃을 변경할 수 있습니다.

콘텐츠 개체 틀을 사용 하는 방법에 대 한 자세한 내용은 콘텐츠 개체 틀 컨트롤 사용을 참조 하십시오.

콘텐츠 개체 틀 컨트롤은 콘텐츠 페이지의 콘텐츠 개체 틀과 함께 작동하는 마스터 페이지 코드 조각입니다. 콘텐츠 개체 틀 컨트롤은 페이지에 해당 영역의 기본 콘텐츠를 표시합니다. 단, 컨트롤이 비어 있는 경우에는 콘텐츠가 없을 수 있습니다. 기본 콘텐츠는 콘텐츠 페이지의 콘텐츠 컨트롤에서 고유 콘텐츠로 다시 정의할 수 있습니다.

콘텐츠 개체 틀 컨트롤 찾기 및 수정

SharePoint 2010 내 사이트 마스터 페이지에서 PlaceHolderSiteName 콘텐츠 개체 틀 컨트롤을 찾으려면 다음 단계를 따르세요.

  1. SharePoint Designer 2010에서 사이트를 열고 탐색 창에서 마스터 페이지를 클릭합니다.

    참고: 탐색 창에서 마스터 페이지 에 표시 되지 않으면, 그리고 SharePoint에서 사용할 될 수 있습니다. 자세한 내용은 사이트 관리자에 게 문의 합니다. SharePoint Designer 2010 관리에서 자세히 알아보세요.

  2. 마스터 페이지 갤러리에서 mysite.master를 클릭합니다.

  3. 마스터 페이지 요약 페이지에서 파일 편집을 클릭합니다.

  4. 파일을 체크 아웃하라는 메시지가 나타나면 를 클릭합니다.

  5. 디자인 보기에서 페이지를 보고 있는 경우 페이지의 영역을 클릭하면 해당 콘텐츠를 구현하는 콘텐츠 개체 틀 컨트롤을 볼 수 있습니다.

  6. 콘텐츠 영역 목록에서 PlaceHolderSiteName을 선택한 다음 이동을 클릭합니다. 닫기를 클릭합니다. 콘텐츠 개체 틀 컨트롤이 다음과 같이 페이지에서 선택됩니다.

참고:  이 개체 틀의 태그 속성은 기본적으로 Visible=False로 설정되어 있습니다. SharePoint Designer 2010의 분할 보기에서 태그를 선택하고 마우스 오른쪽 단추로 클릭한 후 나타나는 메뉴에서 태그 속성을 선택하여 값을 표시합니다.


PlaceHolderSiteName 컨트롤의 태그 속성을 보여 줍니다.

  1. 여기서 설정을 변경하고, 위치를 변경하며, 다른 스타일을 적용할 수 있습니다. 작업을 마치면 마스터 페이지를 저장합니다.

  2. 변경하면 사이트 정의의 페이지가 사용자 지정된다는 내용의 경고 메시지가 나타나면 를 선택합니다.

참고:  SharePoint 페이지는 기본적으로 사이트 정의 파일과 연결되어 있습니다. SharePoint Designer 2010에서 마스터 페이지가 사용자 지정되면 사이트 정의와의 연결이 끊어집니다. 따라서 나중에 SharePoint에 대한 업데이트 또는 업그레이드 후에 추가 관리 작업이 발생할 수 있기 때문에 이런 메시지가 나타납니다. 필요한 경우 언제든지 마스터 페이지를 사이트 정의로 재설정할 수 있습니다.


페이지를 직접 사용자 지정하지 않는 한, 변경 사항은 이 마스터 페이지에 연결된 모든 페이지에 나타납니다.

스타일 사용

마스터 페이지의 스타일을 가장 쉽고 빠르게 변경하는 방법은 미리 디자인된 테마를 페이지에 적용하는 것입니다. SharePoint Designer에서 사이트 설정 탭의 사용자 지정 아래에 있는 사이트 테마 변경 링크를 클릭하여 사용할 수 있는 테마를 보고 적용할 수 있습니다.

하지만 회사에서 사용하는 색, 그래픽, 텍스트 서식 또는 기타 스타일 특성에 맞추려는 경우에는 고유한 사용자 지정 스타일을 만들어 마스터 페이지에 직접 추가하거나 마스터 페이지에 연결하는 외부 CSS 스타일시트에 배치할 수 있습니다.

DIV 태그로 CSS 작업 간소화

SharePoint 2010의 내 사이트 마스터 페이지에서는 DIV 태그를 사용하여 페이지의 블록-선 요소 및 섹션을 정의합니다. DIV 태그는 이전 버전에서 사용된 테이블 태그에 비해 다양한 이점이 있습니다. DIV 태그를 사용할 경우 이점은 다음과 같습니다.

  • 보다 유연하게 CSS로 페이지 스타일 지정

  • 태그 감소

  • 빨라진 다운로드 속도

  • 검색 엔진 최적화 향상

  • 접근성 지원 향상

  • 브라우저 지원 향상

HTML 테이블도 여전히 사용됩니다. 관리자나 사용자가 페이지에 웹 파트나 기타 SharePoint 콘텐츠를 삽입할 때를 예로 들 수 있습니다. 하지만 마스터 페이지를 사용자 지정하는 경우에는 주로 DIV 태그를 사용하여 콘텐츠를 구성합니다.

내 사이트 마스터 페이지를 사용자 지정할 때 사용된 DIV 태그

마스터 페이지의 스타일 편집 또는 사용자 지정 CSS 만들기

스타일을 편집하려면 스타일 메뉴를 클릭한 다음 리본 메뉴에서 원하는 CSS 작업 방식 옵션을 선택합니다.

새 스타일을 만들어 적용하거나 리본 메뉴의 명령을 사용하여 스타일시트를 연결합니다. 스타일 관리 명령을 사용하여 스타일을 요소나 순서 또는 유형별로 분류하고, 페이지나 요소에 사용 중인 스타일만 표시하며, 스타일 미리 보기를 봅니다.

내 사이트 마스터 페이지의 새 스타일 대화 상자

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

이 정보가 유용한가요?

의견 주셔서 감사합니다!

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

×