첫 번째 완전한 무들 테마 만들기

그래서 균열하자…

새 테마 만들기

에 무들 테마를 만들 수있는 기본 테마를 찾는 것은 당신이해야 할 첫 번째 일이다.그러나 이 작업을 수행하는 방법에는 여러 가지가 있습니다;이 문서의 일부에서 그랬던 것처럼 표준 테마의 복사본을 만들고 이름을 바꾸거나 표준 테마를 기반으로 하는 상위 테마를 사용할 수 있습니다.

여기서 중요한 점은 무들과 함께 제공되는 표준 테마가 무들 테마 프로세스의 초석이라는 것입니다. 다른 모든 무들 테마는이 테마를 기반으로해야하며 일반적으로 표준 테마와의 차이점을 설명합니다. 이 방법은 작동하며 무들 테마를 시작하는 간단한 방법이지만,새로운 기능이 무들에 추가되어 테마가 잘못 표시되거나 작동하지 않을 수 있으므로 문제가 발생합니다. 무들의 새로운 릴리스가 시작되기 전에 표준 테마는 항상 업데이트됩니다. 따라서 표준 테마의 사본을 만들고 스타일을 변경하기로 선택한 경우 부모 테마를 사용하는 것이 가장 좋습니다. 이 방법으로 상위 테마는 표준 테마의 복사본에 대한 변경 사항과 함께 기본 테마가 됩니다.

그러나 첫 번째 테마를 만드는 또 다른 방법이 있습니다. 그런 다음 표준 테마를 기본 테마로 사용하고 상단(부모)의 표준 흰색 테마에 대한 변경 사항을 적용합니다. 우리가 하는 모든 것은 표준과 표준화이트 테마의 차이점을 설명하는 것입니다. 무 개발자는 때때로 새로운 무 기능을 최신으로 표준 테마를 변경하기 때문에 더 낫다. 이것은 각 무 업데이트,표준 테마,폴더 따라서 무 업데이트에 의해 발생하는 불쾌한 디스플레이 문제를 방지,자동으로 업데이트됩니다 것을 의미합니다.

당신이 무 테마를 구성하는 방법은 완전히 당신에게 달려 있습니다. 당신이 당신이 원하는 무슨 거의 인 주제를 보고 필요로 한 진짜로 많은 변화가 없는 경우에,부모 주제를 사용하여 당신이 요구하는 작풍의 대부분이 이미 쓰여지기 때문에,이해된다. 그러나 다른 테마와 완전히 다른 테마를 만들고 싶거나 무들 테마에 들어가기를 원한다면 표준 시트 중 하나의 사본을 사용하는 것이 가장 좋습니다.

그럼 가서 다른 테마 설정을 사용할 때 차이가 무엇인지 확인하고,이러한 다른 방법은 테마 프로세스에 어떤 영향을 보자.

  • 에서 테마 폴더를 찾습니다.
  • 테마의 폴더를 마우스 오른쪽 버튼으로 클릭하고 복사를 선택하여 표준 테마를 복사합니다.
  • 복사한 테마를 테마 디렉터리(현재 있는 동일한 디렉터리)에 붙여 넣습니다.
  • 표준 폴더의 복사본의 이름을 검정 및 파랑 또는 선택하려는 다른 이름으로 바꿉니다(대문자 또는 공백을 사용하지 마십시오).
  • 무들 사이트를 열고 사이트 관리 모양|테마|테마 선택기|로 이동하여 방금 만든 블랙 앤 블루 테마를 선택합니다.

첫 번째 완전한 무들 테마 만들기

앞의 스크린샷에 표시된 테마에 검정색과 파란색 테마라는 헤더가 있음을 알 수 있습니다. 이 첫 페이지 설정 페이지에서 전체 사이트 이름에이 추가 했습니다 때문입니다.

작업 시간–상위 테마 설정

  1. 웹 브라우저를 열고 무들 사이트로 이동하여 관리자로 로그인합니다.
  2. 사이트 관리|모양|테마|테마 선택기로 이동하여 아직 선택되어 있지 않은 경우 검은 색과 파란색 테마를 선택합니다.
  3. 블랙 앤 블루 폴더의 루트를 찾아 설정을 마우스 오른쪽 버튼으로 클릭합니다.열기를 선택합니다.
  4. 기본 표준 테마를 기본으로 사용하면서 이 테마와 상위 테마를 사용할 수 있도록 이 파일을 네 번 변경해야 합니다. 267>$테마->부모=’가을’;
    $테마->부모=배열(‘스타일’);

    의 이러한 문을 각각 살펴 보자,차례로.2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일;

    이것은 당신이 당신의 블랙&블루 테마,즉 사용자_스타일에 대해이 포함 할 스타일 시트 파일의 모든 이름이 포함되어 있습니다.이 매개 변수는 표준 테마의 스타일시트를 포함하는 데 사용됩니다. 이 설정되어있는 경우 참,그것은 표준 테마의 모든 스타일 시트를 사용합니다. 또는 필요한 순서로 개별 스타일시트를 로드하기 위해 배열로 설정할 수 있습니다. 우리는이 사실을 설정 한,그래서 우리는 표준 테마의 스타일 시트를 모두 사용합니다.

    $테마->부모='가을';

    이 변수는 현재 테마 앞에 포함된 상위 테마로 테마를 사용하도록 설정할 수 있습니다. 이렇게하면 실제 파일을 변경하지 않고도 다른 테마를 쉽게 변경할 수 있습니다.

    이 변수는 부모 테마의 모든 스타일시트 또는 개별 파일을 선택하는 데 사용할 수 있습니다. 스타일을 포함하도록 설정되었습니다.부모 테마,즉 가을에서 파일. 가을 테마에는 스타일시트가 하나만 있으므로 이 변수를 참 으로 설정할 수 있습니다. 어느 쪽이든,당신은 같은 결과를 얻을 것입니다.

  5. 검은 색과 파란색 콘픽을 저장하십시오.웹 브라우저 창을 새로 고칩니다. 다음 스크린 샷과 비슷한 것을 볼 수 있습니다. 당신의 블록은 아래의 것들과 다를 수 있습니다,하지만 당신은 이것을 무시할 수 있습니다.

첫 번째 완전한 무들 테마 만들기

방금 무슨 일이 있었습니까?

좋아요,이제 가을 테마(패트릭 말리)를 부모로 사용하는 표준 테마의 사본이 있습니다. 헤더가 정확하지 않고 적절한 가을 테마 헤더가 표시되지 않는 것을 눈치 챘을 것입니다. 글쎄,이것은 당신이 본질적으로 표준 테마의 사본을 사용하고 있기 때문에,이 테마의 헤더는 위에서 볼 수있는 것입니다. 표준 테마 헤더를 편집할 때까지는 변경 내용이 표시되지 않습니다.파일 이름

이동 영웅 되세요-다른 부모 테마를 선택

돌아가서 테마의 일부를 살펴 가지고 Moodle.org 그리고 당신이 좋아하는 하나를 다운로드합니다. 당신의 블랙 앤 블루 테마의 구성에 부모 테마로이 테마를 추가합니다.하지만 이번에는 그 테마에서 사용할 스타일 시트를 선택합니다. 학교로 돌아 가기 테마는 스타일 시트가 명확하게 표시되어 있기 때문에이 운동에 좋은 테마입니다. 그래서

작업 시간–헤더 복사.웹 사이트 및 바닥 글.가을 테마의 폴더를 찾아 헤더를 모두 강조 표시합니다.웹 사이트 및 바닥 글.두 파일을 모두 클릭합니다. 선택한 파일을 마우스 오른쪽 버튼으로 클릭하고 복사를 선택합니다.

  • 당신의 검은 색과 파란색 테마의 폴더를 찾아 마우스 오른쪽 버튼으로 클릭하고 붙여 넣기를 선택합니다.
  • 브라우저 창으로 돌아가서 페이지를 새로 고치려면 버튼을 누릅니다. 이제 전체 가을 테마를 볼 수 있습니다.
  • 첫 번째 완전한 무들 테마 만들기

    방금 무슨 일이 있었습니까?

    가을 테마의 헤더를 복사했습니다.웹 사이트 및 바닥 글.당신은 전체 가을 테마 작업을 볼 수 있습니다. 당신은 아마 실제로 헤더를 사용하지 않습니다.웹 사이트 및 바닥 글.이것은 단지 무들 테마 프로세스가 어떻게 작동하는지 보여주는 예일 뿐입니다.

    이제 가을 테마를 상위 테마로 사용하는 블랙 앤 블루라는 표준 테마의 수정되지 않은 복사본이 있습니다. 이 테마를 변경하기 위해 지금해야 할 일은 검은 색과 파란색 테마 폴더에서 파일을 편집하는 것입니다.

    테마 폴더 가사

    그러나 헤더를 제외하고 표준 테마의 정확한 복사본을 가지고 있기 때문에 먼저해야 할 일이 몇 가지 있습니다.웹 사이트 및 바닥 글.파일 이름 이 복사된 폴더에는 필요하지 않은 파일이 있습니다.이 파일은 다음과 같습니다.이전 파일. 이것은 당신이 만든 첫 번째 변경 사항이었다:

    $테마->시트=배열('사용자_스타일');

    사용자_스타일.그래서 당신은 그것을 만들어야합니다. 새로운 블랙&블루 테마는 하나의 스타일시트,즉 사용자 _스타일을 사용하므로,존재하는 다른 모든 파일을 삭제해야 합니다.다음 섹션에서 만들 것입니다.

    작업 시간-스타일시트 만들기

    1. 블랙 앤 블루 폴더의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 새 텍스트 문서|를 선택합니다.
    2. 이 텍스트 문서의 이름을 사용자_스타일로 바꿉니다.다시 마우스 오른쪽 버튼을 클릭하고 이름 바꾸기를 선택합니다.
    3. 첫 번째 완전한 무들 테마 만들기

    1. 다음 파일을 선택한 다음 선택한 파일을 마우스 오른쪽 버튼으로 클릭하고 삭제를 선택하여 삭제하십시오.
      • 스타일_색상.3826>스타일_6.3826>스타일_6.3826>스타일_7.3826>스타일 레이아웃.7449>
      • 스타일 _모즈.뉴스레터
      {배경: #000000;}

       첫 번째 완전한 무들 테마 만들기

    무슨 일이야?

    마지막 두 작업에서는 사용자_스타일이라는 빈 파일을 만들었습니다.블랙 앤 블루 테마의 폴더에 있습니다. 더 이상 필요하지 않습니다 당신은 다음,당신의 블랙 앤 블루 테마의 폴더에있는 모든 파일을 삭제했습니다. 이 표준 테마 폴더에있는 파일의 단지 복사본이며,당신은 블랙 앤 블루 테마의 구성에서 기본으로 표준 테마를 사용하도록 테마를 설정 한 기억하십시오.파일.

    이제 원하는 방식으로 테마를 설정했습니다. 이동 하 고 사용자_스타일에 몇 가지 변경.당신이 당신의 테마에 어떤 영향을 볼 수 있도록파일 설정이 정확합니다. 현재 스타일의 모든 가을 테마에서 상속되는 것을 기억하십시오.

    작업 시간–우리의 설정을 확인

    1. 현재 테마로 무들 사이트를 엽니 다(검은 색이어야하지만 가을 테마처럼 보이는).
    2. 블랙 앤 블루 테마의 폴더로 이동하여 사용자 _스타일을 마우스 오른쪽 버튼으로 클릭합니다.파일을 선택하고 열기를 선택합니다. 이 파일은 완전히 비어 있어야합니다.
      본문{
      배경:#000000;
      }

      첫 번째 완전한 무들 테마 만들기

    3. 이제 브라우저 창을 새로 고칩니다. 당신은 배경이 지금 검은 것을 볼 수 있습니다.

      첫 번째 완전한 무들 테마 만들기

    참고:방화범을 사용하여 사용 중인 스타일을 식별할 때 페이지의 해당 요소를 제어하는 스타일이 어디에 있는지 또는 어떤 스타일인지 항상 명확하지 않을 수 있습니다. 이 예는 본문{배경:#000000;}우리가 방금 사용자 스타일에 붙여 넣은 코드입니다.파일. 우리가 그 스타일을 식별하기 위해 방화범을 사용했다면,우리는 그것을 발견하지 못했을 것입니다. 대신,난 그냥 가을 테마에서 씨에스에스 파일을 살펴 보았다. 나가 여기 말한것을 해보고 있는 무엇을 항상 주변에 파고의 성분 및 시행 착오 있을 고 이다.

    방금 무슨 일이 있었나요?

    모두 괜찮지 않습니까? 빈 사용자 스타일에 하나의 스타일 선언을 추가했습니다.배경색을 변경하고 브라우저의 변경 사항을 확인했습니다. 이제 상위 테마의 작동 방식을 알 수 있으며 방화범의 스타일만 사용자 스타일에 복사하면 됩니다.변경해야 하는 스타일 선언을 파일화하고 편집합니다.

    Write a Comment

    이메일 주소는 공개되지 않습니다.