워드프레스 제목 글씨 크기 변경 방법

by

워드프레스 제목 글씨 크기 변경 방법 (H1~H6 & 사용자 지정 크기 조절)

워드프레스에서 제목(Heading) 글씨 크기를 변경하는 방법은 여러 가지가 있습니다. 사용 환경에 따라 가장 적합한 방법을 선택하세요.

1. 기본 편집기(블록 에디터)에서 제목 크기 변경

✅ 가장 쉬운 방법!

방법 1: 블록 에디터에서 제목 크기 조절

  1. 글 편집 화면에서 제목 블록 클릭
  2. 오른쪽 블록 설정 패널에서
    • “텍스트 설정 → 크기 (Typography)” 찾기
    • 기본 옵션(H1~H6) 선택 또는 사용자 정의 크기(px) 입력
  3. 변경된 크기 확인 후 저장

기본 H 태그 크기

  • H1 (가장 크고 중요)
  • H2 (보통 섹션 제목)
  • H3~H6 (작은 서브제목)

2. 클래식 편집기(구텐베르크 미사용)에서 변경

✅ 클래식 편집기 사용 시

방법 2: 글 편집기에서 제목 크기 변경

  1. 글 편집기에서 변경할 제목 선택
  2. “단락(P)” 드롭다운 → 제목 1(H1), 제목 2(H2) 등 선택
  3. 글씨 크기를 더 조정하려면 “텍스트” 모드에서 HTML 편집 html복사편집<h2 style="font-size: 24px;">제목입니다</h2>

3. CSS를 이용해 제목 크기 변경

✅ 테마에 따라 전체 제목 크기를 변경하고 싶을 때

방법 3: CSS 코드 추가

  1. 워드프레스 대시보드 → “외모” → “맞춤설정” → “추가 CSS” 클릭
  2. 아래 CSS 코드 추가 후 “출판” 클릭
css복사편집h1 {
    font-size: 36px; /* H1 크기 */
}
h2 {
    font-size: 28px; /* H2 크기 */
}
h3 {
    font-size: 24px; /* H3 크기 */
}

테마에 따라 크기가 즉시 반영되지 않을 수 있으므로 브라우저 캐시를 삭제 후 확인하세요.

4. 플러그인으로 제목 크기 조절 (Elementor 사용 시)

✅ Elementor 등 페이지 빌더 사용 중이라면

방법 4: Elementor에서 글씨 크기 변경

  1. Elementor로 편집 모드 진입
  2. 변경할 제목 블록 클릭
  3. “스타일” → “타이포그래피” → “크기(Size)” 조절
  4. px, em, % 단위 선택 가능

최적의 선택은?

✔️ 간단한 변경 → 블록 에디터(방법 1) 활용
✔️ 전체적인 제목 크기 변경 → CSS(방법 3) 활용
✔️ 디자인 자유롭게 변경 → Elementor 사용 시 방법 4 활용

ChatGPT AI 기반으로 작성 되었습니다.

Leave a Comment