How to add category information to the header in WordPress

목적 1: HTML <head> 영역에 현재 글의 카테고리 이름 삽입 (예: SEO, 메타데이터 용)

방법: functions.php에 코드 추가

php복사편집function add_category_to_head() {
    if (is_single()) {
        $categories = get_the_category();
        if (!empty($categories)) {
            echo '<meta name="category" content="' . esc_attr($categories[0]->name) . '">' . "\n";
        }
    }
}
add_action('wp_head', 'add_category_to_head');

📌 이 코드는 각 글의 <head> 영역에 아래처럼 출력됩니다:

html복사편집<meta name="category" content="News">

목적 2: 헤더 메뉴 영역에 카테고리 링크 추가 (Header에 Navigation Menu 형태)

방법: 워드프레스 기본 메뉴 기능 사용

  1. 워드프레스 관리자 → [외모] → [메뉴]
  2. 카테고리 탭을 열어 원하는 카테고리를 메뉴에 추가
  3. 메뉴 위치를 “헤더 메뉴” 또는 “Primary Menu”로 지정

※ Astra나 OceanWP 같은 테마에서는 Header Builder로도 설정 가능


목적 3: 헤더 디자인 영역에 수동으로 카테고리 표시 (코드 삽입)

방법: header.php 파일에 코드 추가

php복사편집<?php
if (is_single()) {
    $categories = get_the_category();
    if ($categories) {
        echo '<div class="post-category">';
        foreach ($categories as $category) {
            echo '<a href="' . esc_url(get_category_link($category->term_id)) . '">' . esc_html($category->name) . '</a> ';
        }
        echo '</div>';
    }
}
?>

이렇게 하면 글을 볼 때마다 상단(Header)에 해당 글의 카테고리가 링크로 나타납니다.


추천: Astra 테마 사용 시

Customizer → Header Builder → HTML 블록 추가 후 위 코드 또는 텍스트/쇼트코드 삽입 가능

또는 [Elementor Pro] 이용 시 “Dynamic Tags → Categories”로 헤더에 동적 카테고리 삽입 가능

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top