테마 · 플러그인 입문
템플릿 계층 — 이 화면을 그리는 파일 찾기
자식 테마 작업의 첫 질문은 언제나 같습니다. 이 화면은 지금 어느 파일이 그리고 있는가. 추측하지 않고 확인하는 방법이 있습니다.
Technote
자식 테마 개발 실무
부모 테마를 건드리지 않고 원하는 화면을 만드는 개발 방법. 템플릿 계층 · 자산 로드 · 빌드 파이프라인을 실제 프로젝트 구성으로 다룹니다.
글 7편
테마 · 플러그인 입문
자산 로드 순서 — 의존성이 !important 를 대신합니다
"CSS 가 안 먹는다" 의 대부분은 자식 스타일이 부모보다 먼저 로드된 것입니다. 의존성을 선언하면 순서가 보장되고, 강제 선언이 필요 없어집니다.
테마 · 플러그인 실무
조각 나누기 — 같은 마크업을 두 곳에 두지 않기
복사한 마크업은 반드시 어긋납니다. 한쪽을 고치면 다른 쪽은 그대로 남고, 두 화면이 서로 다른 말을 하기 전까지 아무도 모릅니다.
개발 워크플로우 실무
SCSS 빌드 붙이기 — 산출물을 커밋할 것인가
워드프레스 테마는 빌드 스텝 없이 배포되는 것이 표준입니다. 그래서 일반적인 애플리케이션 코드와는 반대되는 결론이 나오고, 그 대가도 함께 옵니다.
보안 실무
출력 이스케이프 — 어느 자리에 무엇을 쓰나
이스케이프는 저장할 때가 아니라 출력할 때 합니다. 같은 값이 본문 · 속성 · 주소로 나갈 수 있고, 자리마다 안전의 정의가 다르기 때문입니다.
테마 · 플러그인 실무
템플릿 안의 보조 쿼리 — reset 을 빠뜨리면
관련 글 목록을 넣었더니 그 아래의 모든 것이 엉뚱한 글을 가리킵니다. 템플릿 문제처럼 보이지만 원인은 빠뜨린 한 줄입니다.
성능 최적화 심화
부모 테마 자산 걷어내기 — 절차와 뒤따르는 책임
쓰지 않는 스크립트를 내리는 것은 가능합니다. 다만 그 자산에 기대던 기능의 책임이 함께 넘어오므로, 무엇이 실제로 깨지는지 확인하는 절차가 필요합니다.