WordPress Block Theme – style.css

style.css

워드프레스는 wp-content/themes/ 아래에서 설치되어 있는 테마를 검색하고, 각 테마 폴더 안에 있는 style.css 파일의 처음 8kb 에서 테마를 위한 적절한 헤더가 있는지를 찾는다고 합니다.

보통 css 파일을 만들 때는 강제되는 부분이 아니지만, 워드프레스 테마의 style.css 파일은 처음 부분에 테마를 설명하는 여러 값들을 작성해 놓아야 합니다. 최소한의 값은 테마의 이름입니다.

/**
* Theme Name: My New Theme
*/

주석으로 작성하는데, “Theme Name”에 테마의 이름을 적어두면 됩니다.

테마의 이름 외 다른 가능한 값들은 워드프레스 개발자 사이트를 보면 아래처럼 나옵니다.

/**
* Theme Name: Fabled Sunset
* Theme URI: https://example.com/fabled-sunset
* Description: Custom theme description…
* Version: 1.0.0
* Author: Your Name
* Author URI: https://example.com
* Tags: block-patterns, full-site-editing
* Text Domain: fabled-sunset
* Domain Path: /assets/lang
* Tested up to: 6.4
* Requires at least: 6.2
* Requires PHP: 7.4
* License: GNU General Public License v2.0 or later
* License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

이름이나 버전 등은 이름만 봐도 무슨 뜻인지 알 수 있습니다만, 제가 생각할 때, 중요한 부분은 Tested up to, Requires at least, Required PHP 같은 테마의 호환성을 위한 값들이 아닐까 합니다. 물론, 공개 사이트에 배포를 하는 것이 아니라면, 이것들도 꼭 필요한 것들은 아니겠습니다.

자식 테마(Child Theme)일 때 설정하는 값

부모 테마를 상속해서 수정하는 자식 테마의 경우에는 위 항목들 외에 어떤 테마를 상속했는지를 알려주는 Template 라는 항목도 값을 설정해 줘야 합니다.

/**
* Theme Name: Grand Sunrise
* Template: fabled-sunset
* …other header fields
*/

제작하고 있는 테마에는 Theme Name, Version 정도만 적도록 하겠습니다.


Comments

Leave a Reply

Your email address will not be published. Required fields are marked *