워드프레스 서브 타이틀 추가 플러그인: KIA Subtle

기존 솔루션을 사용해서 뉴스 사이트를 운영해 온 클라이언트가 워드프레스를 사용하면서 불편하다고 생각하는 것 중 하나가 서브 타이틀을 입력할 수 없다는 것입니다. 이런분들은 대체적으로 다음과 같은 요구사항을 말합니다.

• [관리자 화면] 글 작성 시 글 제목 하단에 서브 타이틀이 추가되었면 좋겠다
• [사용자 화면] 글 제목 하단에 글 제목 보다 작은 글자 크기로 서브 타이틀이 출력되면 좋겠다

워드프레스에서 서브 타이틀을 추가할 수 있는 플러그인이 여러 개 있지만, 위 요구 사항에 부합하는 워드프레스 플러그인으로는 다음과 같은 KIA Subtitle 플러그인이 좋습니다.

플러그인 주소: https://wordpress.org/plugins/kia-subtitle/

KIA Subtitle 플러그인의 설치 및 활성화 과정은 생략합니다.

KIA Subtitle 플러그인을 활성화하면 다음과 같이 ‘워드프레스 관리자 > 설정 > KIA Subtitle’ 메뉴와 설정 페이지가 추가됩니다.

위 설정 화면의 Enable on Post Types 옵션에 글 체크를 하면 글 작성 화면이 다음과 같이 변경됩니다.

위 그림처럼 글 제목 바로 아래에 Subtitle을 입력할 수 있는 메타 박스가 추가된 것을 확인할 수 있습니다.

Subtitle에 입력된 부제를 사용자 화면에 출력하려면 테마를 수정해야 하는데, 이 때 the_subtitle() or get_the_subtitle() 를 활용할 수 있습니다.

좀 자세하게 설명하자면, 싱글 포스트 출력을 담당하는 content-single-post.php 파일이 있습니다. 이 파일의 제목과 메타 값 출력 사이트에 서브 타이틀 코드를 추가하면 됩니다. 추가된 코드는 다음과 같습니다.

<div class="entry-header">
   <div class="entry-title">
      <?php echo esc_html( get_the_title() ); ?>				
   </div>
   <div class="entry-subtitle"> <-- 여기가 subtitle 시작 코드입니다
      <?php echo esc_html( get_the_subtitle()); ?>				
   </div> <-- 여기가 subtitle 종료 코드입니다.			
</div><!-- .entry-header -->
<div class="entry-meta">

테마 수정 후 사용자 화면에 출력된 예는 다음과 같습니다.

위 그림에서 ‘산양분유 전문기업 아이배냇, 입양 아이들에게 사랑의 분유 기증’은 제목에 해당되고,
‘대한사회복지회 통해 서울영아임시보호소 및 위탁가정, 미혼모자시설 등에 전달’ 이 부제(subtitle)에 해당됩니다.