Technote

테마 · 플러그인

테마와 플러그인을 고르는 법 · 검증하는 법 · 대체제 · 성능 영향. 잘못된 선택이 만드는 비용을 다룹니다.

글 51편· 테마 · 플러그인

테마 · 플러그인 실무

편집 가능한 영역을 디자인 전에 정합니다

CMS 가 표현할 수 없는 디자인은 배포된 뒤에도 계속 협상 대상으로 남습니다. 어디까지 편집자가 바꿀 수 있는지를 먼저 정하면 그 협상 자체가 사라집니다.

디자이너 3분 읽기

테마 · 플러그인 입문

업데이트가 멈춘 플러그인을 판별하는 기준

마지막 업데이트 날짜 하나로는 방치를 판정할 수 없습니다. 판별 신호 다섯 개를 함께 보고, 대체 불가라면 격리 조건이라도 걸어야 합니다.

기획자 · 운영 · 관리자 2분 읽기

테마 · 플러그인 심화

JS 없이 만드는 상호작용과 그것을 안전하게 하는 규칙

details · :target · :focus-within · :has() · 스크롤 타임라인으로 상당수의 상호작용이 스타일시트 안에서 끝납니다. 안전하게 만드는 규칙은 하나입니다 — 기본값이 완성된 상태여야 합니다.

디자이너 6분 읽기

테마 · 플러그인 실무

아이콘을 폰트로 넣을까, SVG 로 넣을까

세 방식은 화면에서 같은 그림을 그립니다. 갈리는 것은 색을 몇 개 쓸 수 있는가, 보조기기에 무엇으로 읽히는가, 그리고 실제로 몇 개가 방문자에게 내려가는가입니다.

디자이너 6분 읽기

테마 · 플러그인 실무

다크 모드는 기본값이 아니라 결정이어야 합니다

다크 모드는 기능 하나가 아니라 유지·검증해야 할 표면이 두 배가 되는 일입니다. 넣을 이유가 분명한 사이트가 있고, 그렇지 않은 사이트가 있습니다.

디자이너 4분 읽기

테마 · 플러그인 실무

ACF 무료판으로 반복 필드를 설계하는 방법

Repeater 가 없어서 막힌 게 아니라, 반복 데이터를 필드에 넣으려던 설계가 막힌 것입니다. 반복은 CPT 로 승격하면 정렬 · 검색 · 자동화가 코어 기능으로 풀립니다.

개발자 · 기획자 2분 읽기

테마 · 플러그인 입문

템플릿 계층 — 이 화면을 그리는 파일 찾기

자식 테마 작업의 첫 질문은 언제나 같습니다. 이 화면은 지금 어느 파일이 그리고 있는가. 추측하지 않고 확인하는 방법이 있습니다.

개발자 5분 읽기

테마 · 플러그인 심화

sticky 가 조용히 죽는 이유 — 조상의 overflow 한 줄

position: sticky 는 실패해도 에러를 내지 않습니다. 임계값 · 부모의 여유 · 조상의 overflow 세 가지만 순서대로 확인하면 원인은 거의 항상 그 안에 있습니다.

디자이너 5분 읽기

테마 · 플러그인 심화

측정폭과 수직 리듬 — 끝까지 읽히는 본문 조판

한 줄에 몇 글자를 담을지와 요소 사이 간격을 어떻게 쌓을지가 장문 글의 완독률을 좌우합니다. 한글은 글자가 넓어 라틴 기준의 글자 수 관례를 그대로 쓸 수 없습니다.

디자이너 5분 읽기

₩270,000 · 신청하기