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


19

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

답변:


21

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

  1. "부모"테마와 피어에서 테마 디렉토리를 작성하십시오.
  2. 부모 테마를 명명하는 주석에 선언이 있고 부모 테마 에서 CSS를 가져 오는 style.css새 디렉토리에 파일을 작성하십시오.Template:@import url(../%parent-theme%/style.css)
  3. WordPress 관리 콘솔에서 새 테마를 활성화하십시오.
  4. 부모 테마 디렉토리에서 자식 테마 디렉토리로 새 파일을 추가하거나 파일을 복사하여 원하는대로 수정하십시오.
  5. 그게 다야!

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

상위 테마를 업그레이드하려면 업그레이드하십시오. 자녀 테마를 그대로 유지합니다. 물론 자녀 테마가 부모를 너무 많이 변경 한 경우 및 / 또는 테마 파일을 복사하여 수정 한 경우 새 버전으로 업데이트 한 경우에도 테마를 수정하지 않으면 새 기능을 사용할 수 없지만 자녀 테마는 완벽하게 작동하지 않을 수 있습니다. 매번 처음부터 훨씬 더 나은!

희망이 도움이됩니다.


2
어린이 테마는 IMHO로가는 길
Ryan Gibbons

2

변경하려는 모든 것이 약간 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를 변경하는 것이라면이 방법이 효과적입니다. 테마 디렉토리를 업데이트하기 전에 사용자 정의 스타일 시트를 저장하십시오.


1
수정 한 테마가 테마가 아닌 경우 문제가 될 수 있으므로 테마 업데이트시 변경 사항을 덮어 쓸 수 있습니다.
hakre

1

자식 테마를 만들 수 있습니다. 자식 테마는 기본 테마를 원래 형식으로 유지합니다.

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

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

원본 style.css 파일을 그대로 유지하고 원본 형식으로 업데이트 할 수 있습니다.


"style.css 파일에서 데이터를 복사하겠습니다"라는 의미가 무엇인지 잘 모르겠지만 일반적으로 부모 와 다른 자식 테마에만 해당 스타일을 추가하는 것으로 충분 합니다. 자식 테마의 스타일은 부모의 스타일을 덮어 씁니다. 그건 그렇고 : 당신의 대답은 6 년 전에 이미 받아 들여진 대답에 어떤 것을 추가 합니까?!
tillinberlin

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.