WordPress theme.json 생성기

유효한 theme.json을 만들고, 어느 쪽이 실제로 사이트를 바꾸는지 확인하세요.

브라우저 안에서 돌아갑니다. 아무것도 업로드되지 않습니다.

레이아웃

contentSize는 기본 칼럼 너비이고, wideSize는 블록을 “넓은 너비”로 설정했을 때 적용되는 너비입니다.

콘텐츠 너비 (px) 넓은 너비 (px)

색상 팔레트

이 값들은 CSS 사용자 정의 속성이 되어 편집기의 모든 색상 선택기에 나타납니다.

대비 (텍스트)

기본 (배경)

강조 (링크)

옵션

유동형 타이포그래피중단점에서 갑자기 바뀌는 대신 뷰포트에 따라 확대·축소되는 clamp() 글꼴 크기를 출력합니다. appearanceTools테두리, 여백, 타이포그래피, 색상 컨트롤을 하나씩 켜지 않고 한 줄로 모두 활성화합니다. styles도 함께 적용styles 블록을 추가해 팔레트가 프런트엔드에 실제로 렌더링되도록 합니다. 없으면 색상은 편집기에서 선택만 가능합니다. 여백 스케일7단계 여백 프리셋을 생성해 패딩과 마진 컨트롤에 알맞은 값을 제공합니다.

settings와 styles의 차이

theme.json

테마 루트에 theme.json으로 저장하세요. 페이지가 로드될 때마다 읽히므로 빌드 과정도, 지울 캐시도 없습니다.

WordPress theme.json 생성기 소개

유효한 버전 3 파일을 출력하는 WordPress theme.json 생성기입니다. 레이아웃 너비, 색상 팔레트, 유동형 글꼴 크기, 여백 스케일을 지원합니다. 또한 모두가 헷갈리는 차이를 눈에 보이게 합니다 — settings는 값을 편집기에 제공하고, styles는 프런트엔드에 적용하며, 팔레트만으로는 무언가가 사용하기 전까지 아무것도 바뀌지 않습니다.

필요할 만한 다른 도구

WordPress 이미지 크기 실험실

이미지를 넣어보세요. WordPress가 만들 모든 사본을 확인할 수 있습니다.