셰어 포인트 온라인 사용자 정의 개발 : 어떻게 사이트의 배경 색상 테마를 변경하는 CSS를 사용하는?

사이트의 스타일을 변경하는 내부 목적과 다른 기업에 대한 팀 또는 회사 데이터를 공유하기위한 정상적인 상황에서, 스타일의 독특한 브랜드, 주어진 솔루션은 SharePoint 디자이너는 비록, 자신의 사이트에 대한 사용자 지정 홈 페이지를 구축하는 것입니다 R & D 엔지니어를 많이 만들 문제 원인 마스터 페이지 업데이트 및 패치를 변경하기 때문에 강력한 도구가 있지만, 여기에 내가 이러한 도구 셰어 포인트 디자이너의 사용의 코드 페이지를 변경하지 않는 것이 좋습니다, 일반적으로 홈 페이지 변경 사이트, 수단 사이의 업데이트 연결을 방지 할 수 있습니다 사이트 모음 관리자는 문제와 수정 블록, 시간과 추가 비용의 낭비를 찾기 위해 추가 작업을 많이 할,하지만 새로운 기능을 개발할 때 또한 새 SharePoint의 출시는 기능을 방해.

또는 사이트 테마 로고를 변경하려면, 마이크로 소프트 셰어 포인트의 사용, 당신은 색상 팔레트, 글꼴, 심지어 배경 이미지를 포함하는 사전 구성된 템플릿 테마를 선택할 수 있습니다 내장 된 도구를 제공하는 것이 좋습니다, 당신도 할 수있는, 자신의 요구 유연성에 따라 수정할 수 있습니다 사용자 정의 테마 또는 자신 만의 폰트를 작성하고 귀하의 사이트는 SharePoint 업데이트를 방해하지 않는 온보드 도구 나 테마를 사용의 실제 혜택에 추가합니다.

당신이 더 많은 미세 조정에 대한 귀하의 사이트에 원하는 경우, 사용자 정의 CSS 스타일 시트, CSS의 사용을 만들 수 있습니다, 당신은 당신이 아니라 새 마스터 페이지와 기본 페이지 코드 변경의 변화보다는 사이트 요소의 속성을 변경할 수 있습니다 당신이 보장 할 수 없기 때문에 자바 스크립트는 요소의 이름을 변경되지 않습니다, 심지어는 페이지 수준에서 요소를 변경하고 사이트를 사용 CSS에서 사용하는 CSS를 사용할 수 있지만 몇 가지 위험이있을 수 있습니다 때 셰어 업데이트 만, 여전히 마스터를 변경하려면 SharePoint 디자이너를 사용하는 것보다 훨씬 더 안전 페이지입니다.

테마 변경 및 로고 그래서, 권장 솔루션입니다 :

  • 사용 내장 된 도구
  • 사용 사전 구축 된 테마
  • 빌드 정의 테마
  • CSS를 사용하여
  • 를 사용하여 사용자 지정 마스터 페이지 변경,하지만 확인하기 위해 추가 개발 작업에 걸릴 그 사이트 업데이트

당신이 CSS를 사용하고 싶은 이유를 다음으로는 CSS 스타일 시트를 만들고 업로드하는 방법에 대해 소개합니다, 일부 요청할 수 있습니다?

CSS는 Microsoft에서 제공하는 다른 사용자 지정 방법을 대체 할 수있는,보다 안전하고 유연한 옵션입니다. CSS는 사이트 제어 스타일의 다양한 요소를 수행 할 수 있습니다, 나는 모든 페이지의 콘텐츠에 빈 영역을 삽입하여 사람들을 본 적이 수동으로 자신의 웹 사이트를 디자인하는 각 페이지의 HTML 코드를 업데이트하려면 다음이 있지만, 인라인 스타일을 사용 작업을하지만, CSS와 기존 태그 요소가 훨씬 더보다 복잡 재정의합니다. CSS를 사용하면 새로운 기능에 대한 지원은 다소 차이가있을 수 있지만 당신이 일관성을 보장하여 사이트 전체 변경 사항을 적용하고, 도움말을 할 수 있지만, CSS 스타일은 모든 브라우저와 모든 플랫폼에서 널리 사용되는 방법이다 CSS를 사용하여, 당신은 단지 기본 페이지 코드가 아닌, 요소의 속성을 변경해야하지만, 당신은 단지 사이트 모음에 게시 기능을 활성화 할 필요가 무료이며, 어떤 라이센스를 필요로하지 않으며, 시스템 관리자의 개입을 필요로하지 않습니다 그것.

이제, 우리의 웹 사이트를 수정하기 위해 준비를 시작하자 :

첫 번째 단계는 비어있는 새 스타일 시트를 작성하고 우리의 SharePoint 사이트에로드하는 것입니다.

내가 어떤 자리 표시 자 텍스트를 넣어 여기를해야합니다 있도록, 셰어 포인트에 빈 파일을 업로드 할 수 없기 때문에 이제, 윈도우 메모장과 같은 스타일 시트를 만들 텍스트 편집기 응용 프로그램을 사용할 수 있습니다, 다음 modified_style.css로 파일을 저장 자산 라이브러리는 다음 사이트에 저장됩니다.

두 번째 단계는 스타일 시트를 당신의 웹 사이트를 연결하는 것입니다.

우리는 사이트 모음 설정 -> 사이트 마스터 페이지 설정 페이지의 대체 CSS의 URL 참조 스타일 시트 새로운 업로드에서 사이트 모음 게시 기능의 활성화 후, 우리의 새로운 웹 사이트 참조를 업로드 할 스타일 시트가 필요합니다.

셰어 포인트 온라인 사용자 정의 개발 : 어떻게 사이트의 배경 색상 테마를 변경하는 CSS를 사용하는?

세 번째 단계는 : 우리의 업로드 스타일 시트를 편집하여 실시간으로 사이트를 수정합니다.

크롬 내 개인 가장 일반적인 브라우저이지만 편집에 스타일 시트를 엽니 다 자주 내 변화를 보여주기 위해 수동으로 업데이트를 캐시에 필요한 때문에 CSS를 업데이트 할 때 IE 또는 Micrsoft 에지 브라우저를 사용하고, 지금 우리는 클릭하고 텍스트 형식으로하는 것이 좋습니다 있지만 그것은 사이트 배경 색상 : 검정.

셰어 포인트 온라인 사용자 정의 개발 : 어떻게 사이트의 배경 색상 테마를 변경하는 CSS를 사용하는?

샘플 코드 :

/ CSS /
몸 {
배경 - 색상 : 검정;
}

저장 modified_style.css이 될 수 있습니다.

추천

출처blog.51cto.com/13969817/2450229