테마 · 플러그인 실무
템플릿 안의 보조 쿼리 — reset 을 빠뜨리면
관련 글 목록을 넣었더니 그 아래의 모든 것이 엉뚱한 글을 가리킵니다. 템플릿 문제처럼 보이지만 원인은 빠뜨린 한 줄입니다.
Technote
테마 · 플러그인
테마와 플러그인을 고르는 법 · 검증하는 법 · 대체제 · 성능 영향. 잘못된 선택이 만드는 비용을 다룹니다.
글 53편· 테마 · 플러그인
테마 · 플러그인 실무
옛 콘텐츠가 새 디자인에서 깨지는 세 가지 이유
본문에 박힌 인라인 스타일, 사라진 플러그인의 숏코드 잔여물, 하드코딩된 폭. 새 디자인 시스템이 존중받지 못하는 지점은 대개 이 셋입니다.
테마 · 플러그인 실무
편집 가능한 영역을 디자인 전에 정합니다
CMS 가 표현할 수 없는 디자인은 배포된 뒤에도 계속 협상 대상으로 남습니다. 어디까지 편집자가 바꿀 수 있는지를 먼저 정하면 그 협상 자체가 사라집니다.
테마 · 플러그인 입문
업데이트가 멈춘 플러그인을 판별하는 기준
마지막 업데이트 날짜 하나로는 방치를 판정할 수 없습니다. 판별 신호 다섯 개를 함께 보고, 대체 불가라면 격리 조건이라도 걸어야 합니다.
테마 · 플러그인 심화
JS 없이 만드는 상호작용과 그것을 안전하게 하는 규칙
details · :target · :focus-within · :has() · 스크롤 타임라인으로 상당수의 상호작용이 스타일시트 안에서 끝납니다. 안전하게 만드는 규칙은 하나입니다 — 기본값이 완성된 상태여야 합니다.
테마 · 플러그인 실무
조각 나누기 — 같은 마크업을 두 곳에 두지 않기
복사한 마크업은 반드시 어긋납니다. 한쪽을 고치면 다른 쪽은 그대로 남고, 두 화면이 서로 다른 말을 하기 전까지 아무도 모릅니다.
테마 · 플러그인 실무
아이콘을 폰트로 넣을까, SVG 로 넣을까
세 방식은 화면에서 같은 그림을 그립니다. 갈리는 것은 색을 몇 개 쓸 수 있는가, 보조기기에 무엇으로 읽히는가, 그리고 실제로 몇 개가 방문자에게 내려가는가입니다.
테마 · 플러그인 실무
다크 모드는 기본값이 아니라 결정이어야 합니다
다크 모드는 기능 하나가 아니라 유지·검증해야 할 표면이 두 배가 되는 일입니다. 넣을 이유가 분명한 사이트가 있고, 그렇지 않은 사이트가 있습니다.
테마 · 플러그인 입문
자산 로드 순서 — 의존성이 !important 를 대신합니다
"CSS 가 안 먹는다" 의 대부분은 자식 스타일이 부모보다 먼저 로드된 것입니다. 의존성을 선언하면 순서가 보장되고, 강제 선언이 필요 없어집니다.
테마 · 플러그인 실무
ACF 무료판으로 반복 필드를 설계하는 방법
Repeater 가 없어서 막힌 게 아니라, 반복 데이터를 필드에 넣으려던 설계가 막힌 것입니다. 반복은 CPT 로 승격하면 정렬 · 검색 · 자동화가 코어 기능으로 풀립니다.
테마 · 플러그인 입문
템플릿 계층 — 이 화면을 그리는 파일 찾기
자식 테마 작업의 첫 질문은 언제나 같습니다. 이 화면은 지금 어느 파일이 그리고 있는가. 추측하지 않고 확인하는 방법이 있습니다.
테마 · 플러그인 심화
sticky 가 조용히 죽는 이유 — 조상의 overflow 한 줄
position: sticky 는 실패해도 에러를 내지 않습니다. 임계값 · 부모의 여유 · 조상의 overflow 세 가지만 순서대로 확인하면 원인은 거의 항상 그 안에 있습니다.