워드프레스 블록 테마 만들 때, 블록 패턴 너비 설정, 어디에 맡길까?
Q. 테마에서 지정한 레이아웃 너비가 언제 적용되나요? A. theme.json에서 정한 contentSize와 wideSize는 컨테이너 역할을 하는 블록 그룹(예: Group, Cover, Columns)에 적용돼요. 이런 블록이 내부 콘텐츠 폭을 … 더 읽어보기
블록테마
워드프레스 블록 테마 패턴 블록을 올바르게 사용하는 방법
아래 글은 워드프레스 블록 테마에서 “쿼리( Query )”를 패턴/템플릿에 올바르게 쓰는 법을 정리한 설명서입니다. 복사-붙여넣기 시 특수문자 문제 없도록 평문과 최소 코드만 사용했습니다. 블록 테마에서 쿼리를 … 더 읽어보기
블록 테마 스타일 목록 디자인 깔끔하게 보이도록 하는 방법
다양한 스타일을 블록 테마에 주고 싶어서 스타일 파일을 만들었다.하지만 다른 참고용 테마에서 나타나는 카드형태가 아니라색상 팔레트 형식으로만 나타나고 색상 대비도 그다지 명확하지 않았다.왜그런지 여러가지로 알아보니 내가 … 더 읽어보기
워드프레스 블록테마에서 버튼 색상이 바뀌지 않는 이유와 해결법
Q1. 버튼 색상을 바꿨는데 왜 원래 색으로 돌아오나요? theme.json 파일에서 styles.elements.button.color 값이 지정되어 있으면, 워드프레스는 버튼에 자동으로 has-accent-background-color, has-bg-color 같은 클래스를 붙입니다. 이 클래스는 !important 속성과 … 더 읽어보기
워드프레스 클래식 테마를 블록테마로 쉽게 전환하는 방법
클래식 테마의 style.css를 블록테마로 옮기는 핵심은“색·폰트·간격·라운드”를 데이터화하고,“hover와 예외”만 CSS로 남기는 것이다.theme.json이 곧 디자인 시스템의 뼈대가 된다. 워드프레스 블록테마를 만들다 보면 클래식 테마 시절의 style.css를 그대로 들고 … 더 읽어보기