테마 파일에서 테마의 style.css를 실제로 연결해야합니까?

그래서 CSS에 대한 일련의 LESS 파일을 사용하여 워드 프레스 테마를 개발 중입니다. 이들은 테마의 스타일링에 사용하는 코드 시트를 사용하여 결합 된 스타일 시트로 컴파일합니다.

워드 프레스 테마에는 주석에 테마에 대한 정보가 포함 된 style.css가 있어야하지만 header.php 에서이 style.css를 연결해야합니까? 분명히 테마 정보를 넣을 수 있으며 테마 폴더에는 그대로 둡니다. 실제로 사용하는 스타일 시트는 styles.css 또는 main.css 또는 무언가라고 할 수 있습니다.

누구나 이것을 확인하거나 이것이 나쁜 생각 일 수있는 이유를 제시 할 수 있습니까?

나는 말할 것입니다 : 실제 프로덕션 CSS에는를 사용 해서는 안됩니다style.css .

이유는 간단합니다. 축소. WordPress에서 파일을 읽어야하므로 파일 내용을 완전히 축소 할 수 없습니다. 내 테마에서는 style.css헤더에만 사용 하고 실제 CSS를 찾을 수있는 위치를 설명하는 주석을 추가하므로 다른 개발자는 너무 오래 검색 할 필요가 없습니다.

예:

/*
Theme Name:    My theme name
Version:       2013.08.24
License:       MIT
Text Domain:   t5_theme
Domain Path:  /lang

You will find the real stylesheet in css/default.css.
*/

해리, style.css헤더 파일에서 기본값을 실제로 호출하거나로드 할 필요가 없다는 것이 맞습니다 . 테마에서 SCSS를 사용하고 있기 때문에 동일한 문제가 발생했지만 style.css다음과 같은 이유로 링크를 유지하기로 결정했습니다 .

• 기본 WP 가정은 style.css존재하고 사용 중이며 플러그인과 관련하여 그 가정을 방해하고 싶지 않습니다. 이것이 문제가 될 때 /이 시점에서 다른 사람들의 경험과 조언을 듣고 싶은지 모르겠습니다.
• 실제 사용중인 스타일 시트가 폴더에 있으면 사용자가 사이트의 CSS를 편집 할 수 없습니다. style.css활동적이고 사용 가능한 상태를 유지하면 사용자가 WP 관리자로부터 CSS를 계속 변경할 수 있습니다.
• 다른 파트너와 준비 사이트에서 작업하는 동안 SCSS를 사용하지 않는 경우 style.cssSCSS 파일을 계속 사용하는 능력에 영향을주지 않고 변경할 수 있습니다.

다시 말하지만,이 요점은 귀하의 상황에 적용되지 않을 수도 있지만 style.css필요한 테마 정보를 제외하고 대부분 비어있는 경우에도 기본 링크 를 유지하기로 결정했습니다 .

예, 워드 프레스는 테마를 style.css"설정"문서로 사용합니다.

또한 내가 알 style.css수있는 한 "설정"목적을 위해 프런트 엔드에 실제로로드 할 필요는 없다는 것이 맞습니다 .

당신이하고있는 일은 괜찮을 것입니다. 나는 다른 테마가 비슷한 것을하는 것을 보았지만 맹세 할 수는 없다고 확신합니다. 내가 볼 수있는 유일한 문제는 일부 플러그인 style.css이 테마의 (유일한) 스타일 시트 라고 잘못 가정하는 경우 입니다.

config.rbCompass를 사용하는 경우 이것을 추가 할 수 있으며 CodeKit은 축소 된 스타일 시트를 style.css테마 루트에 자동으로 복사합니다 .

require 'fileutils'
on_stylesheet_saved do |file|
  if File.exists?(file) && File.basename(file) == "style.css"
    puts "Moving: #{file}"
    FileUtils.mv(file, File.dirname(file) + "/../" + File.basename(file))
  end
end

나는 이것을 개발하는 모든 WordPress 테마와 함께 사용하며 매력처럼 작동합니다.

style.scss파일 의 주석이 시작 !주석 이후로 시작 하지 않으면 축소에서 제거됩니다.

/*!
  Theme Name: Your Theme

출처 : CSS-Tricks