it-swarm-ko.tech

WordPress 테마를 변경하지 않고 사용자 정의 하시겠습니까?

테마를 찾아서 다운로드했습니다. 그러나 CSS를 약간 변경하여 디자인, 색상 등을 약간 변경하고 싶습니다. 변경 사항을 잃지 않고 테마를 업데이트 할 수 있지만 어떻게해야합니까?.

19
googletorp

변경하지 않고 수정할 수는 없지만 하위 테마를 만들어 변경 한 부분을 격리 할 수 ​​있습니다. 요약하자면:

  1. "부모"테마로 피어에 테마 디렉토리를 만들고,
  2. 새 디렉토리에 style.css 파일을 만듭니다.이 파일에는 부모 테마의 주석에 Template: 선언이 있고 부모 테마에서 CSS를 가져 오기위한 @import url(../%parent-theme%/style.css) 파일이 있습니다.
  3. WordPress 관리 콘솔에서 새 테마를 활성화하십시오.
  4. 부모 테마 디렉토리의 새 파일 및/또는 파일을 자녀 테마 디렉토리에 추가하고 원하는대로 수정하십시오.
  5. 그게 다야!

나는 당신에게 훨씬 더 많은 세부 사항을 줄 수 있었지만 근본적으로이 녀석은 어린이 테마를 만드는 법 을 설명하는 정말 좋은 일을합니다.

부모 테마를 업그레이드하려면 그냥 업그레이드하십시오. 그것은 당신의 자녀의 테마를 그대로 남겨 둘 것입니다. 물론 부모님이 너무 많이 바꿨거나 새로운 버전으로 업데이트 한 테마 파일을 복사하고 수정 한 경우에도 자녀의 테마가 완벽하게 작동하지 않을 수 있습니다. 수정하지 않고 새로운 기능을 사용하지는 않겠지 만 매번 시작하는 것이 훨씬 낫습니다!

희망이 도움이됩니다.

21
MikeSchinkel

당신이 바꾸고 싶은 모든 것이 약간의 CSS라면, 당신은 테마 디렉토리 안에 커스텀 CSS 파일을 만들 수 있습니다. 테마의 헤더에 사용자 정의 CSS 파일을 포함하고 사용자 정의 CSS 파일에만 새 선언을 작성하여 테마의 기본 CSS 선언을 덮어 씁니다.

기본 스타일 시트

body{background:white;width: 960px;margin: 25px auto;}

사용자 정의 스타일 시트

body{width:800px;}

브라우저는 두 개의 스타일 시트에 대해 별도의 http 호출을 수행하고 나열된 순서대로 스타일을 적용합니다. 마지막으로 선언 된 선언은 그 선언을 덮어 씁니다. header.php에 다른 스타일 시트가 포함 된 후에는 커스텀 스타일 시트를 포함시켜야합니다.

Archive.php 또는 page.php와 같은 템플릿 파일을 변경하려는 경우 MikeSchinkel의 대답을 통해 수정 사항을 잃지 않고 새 버전이 출시되면 테마를 업데이트 할 수 있습니다. 그러나 당신이 원한다면 일부 CSS를 변경하는 것입니다,이 방법은 잘 작동합니다. 테마 디렉토리를 업데이트하기 전에 사용자 정의 스타일 시트를 저장하십시오.

2
kevtrout

당신은 분명히 자식 테마를 만들 수 있습니다. 하위 테마는 기본 테마를 기본 형식으로 유지합니다.

개인적으로하는 일은 MyThemeShop의 { WordPress 프리미엄 테마 을 사용하고 있습니다. 그 안에, 내 style.css 및 테마 옵션 파일을 그대로 유지합니다. 파일의 데이터를 다른 파일에 복사하고 이름을 조금 바꿉니다. 예를 들어 SociallyViral Theme를 사용하여 하위 테마를 만들 경우 style.css 파일의 데이터를 복사하여 childstyle.css라는 다른 파일에 저장합니다.

이 후, 이제 특정 기능을 디자인하고 childstyle.css 파일에 더 많은 기능을 추가하여 테마를 다시 디자인 할 수 있습니다.

이것은 내 원래 style.css 파일을 그대로 유지하고 원본 형식으로 업데이트 할 수있게 해줍니다.

1
Sumit Kumar

위에 설명 된 단계를 시도하기 위해 좋은 '랩 운동'에 관심이 있다면. Nice 기본 WordPress 3.x 테마에서 twentyten 을 (를) 해제 한 하위 테마를 만드는 단계별 가이드입니다. 그것은 간단하지만 유용한 자식 테마입니다 (이름은 30). 결과는 2 열 테마에서 3 열 테마까지 20 개의 테마를 확장합니다. 또한 새로운 헤더 그림도 있습니다.

0
JSLittlefield