💡 상위 1% 워드프레스 사용자 정의법

📌 CSS 수정으로 글쓰기 시간을 절반으로 줄이는 방법

---

🟢 기(起): 워드프레스, 왜 이렇게 글쓰기가 힘들까?

• 승인받기까지 하루하루가 고된 과정

• 텍스트 크기·색상 수정이 너무 번거롭고 반복적

• 특히 H태그, 목록, 본문 글씨 크기 하나하나 바꾸다 보면 시간 소모가 큼

👉 그래서 필요한 것이 바로 “추가 CSS”를 활용한 자동화입니다.

---

🟡 승(承): 추가 CSS로 자동화하는 방법 (실습 가이드)

✅ 1. 관리자 페이지 > 외모 > 사용자 정의하기 > 추가 CSS

css

/* 본문 글자 크기 및 색상 설정 */

p {

  font-size: 24px;

  color: #333333;

}

/* 목록 스타일 */

ul {

  font-size: 20px;

  color: #555555;

}

/* H2~H6 태그 통일 스타일 */

h2, h3, h4, h5, h6 {

  font-size: 28px;

  color: #000000;

}

💡 이 설정 하나만으로:

• 글을 쓸 때마다 크기/색을 바꿀 필요 ❌

• 발행되는 모든 글이 동일한 스타일로 적용 ⭕

---

✅ 2. 요약글 잘리는 문제 해결 (functions.php 또는 테마 편집기)

요약글의 기본 표시 길이가 20단어로 고정되어 있기 때문에 폰트 사이즈가 커지면 줄이 깨집니다.

php

function custom_excerpt_length($length) {

  return 12; // 원하는 숫자로 조정

}

add_filter('excerpt_length', 'custom_excerpt_length');

📌 위 코드를 외모 > 테마 파일 편집기 > functions.php에 삽입하면 OK
👉 숫자는 직접 조절 가능 (10~15 사이 추천)

---

🔵 전(轉): 이렇게 하면 글쓰기가 ‘디자인 걱정 없는 상태’로 변한다

• 모든 H태그는 동일한 크기 + 색상 → 자유롭게 키워드 삽입 가능

• 목록과 본문 스타일 분리 → 가독성 향상

• 발행된 글 전체에 자동 적용됨 (기존 글 포함)

→ 반복작업 No! 글쓰기 집중 Yes!

---

🔴 결(結): 이것이 상위 1% 워드프레스 스타일 설정법

• 어려운 개발지식 없이도 가능

• 외부 디자이너 없이도 깔끔한 레이아웃 확보

• “광고 클릭률도 가독성에서 나온다”는 점에서 CSS 커스터마이징은 전략의 일부

---

✅ 요약 정리

항목	설정값
본문 글자 크기	24px
목록 글자 크기	20px
H태그 글자 크기	28px
색상 조절	#333333 등 원하는 HEX 코드
요약글 길이	functions.php에서 excerpt_length 조절