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

by

워드프레스 제목 글씨 크기 변경 방법 이번 글은 워드프레스 블로그에서 제목 글씨 크기를 변경하는 방법을 설명합니다. 기본 편집기에서의 크기 조정, CSS를 활용한 맞춤형 스타일링 방법, 플러그인을 활용한 자동화 방법 등을 소개하며, SEO와 사용자 경험 측면에서 최적의 제목 스타일을 제안합니다.

워드프레스 제목 글씨 크기 변경 방법 (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