makeBCT

#AI #OpenAI #Chatbot #Cloud #WordPress

서브 타이틀 추가 플러그인: KIA Subtle

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

 

 

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

 

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

 

 

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

 

 

워드프레스서브타이틀1

 

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

 

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

 

 

워드프레스서브타이틀2

 

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

 

 

워드프레스서브타이틀3

 

위 그림처럼 글 제목 바로 아래에 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">

 

 

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

 

 

워드프레스서브타이틀4

 

 

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

 

 

3 Responses

    1. 본문에 서브 타이틀 코드를 추가하는 방법을 추가 하였으니, 참고 바랍니다.

      감사합니다.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

인기 글

Ubuntu 22.04 LTS에 Python 3.8 or 3.9 설치 방법
서버 : Vultr 클라우드OS: Ubuntu 22.04 LTS사용자 계정 생성하여 설치 진행함 1. Start with the system update sudo apt update...
Input error: k: Format of site key was invalid 에러 해결 방법
WP-Members 워드프레스 플러그인을 활용해서 회원가입 기능을 구현 하였는데, 다음과 같은 에러가 발생 하였습니다.         이는 WP-Members의...
AWS 인스턴스 유형 변경 방법
AWS 인스턴스 유형을 변경하기 위한 방법에는 다음 2가지가 있습니다.   1. 첫 번째 방법 AMI 이미지 생성 후 해당 이미지를 복원하여 신규 EC2 인스턴스를 생성하는...
사용자 작성 모듈 import 시 에러)(ModuleNotFoundError: No module named
파이썬 모듈을 만들고 테스트 할 때 ModuleNotFoundError: No module named 에러가 발생한 경우 원인 파이썬은 모듈을 불러올 때 모듈 설치 경로와 자신의...
오라클 클라우드 OCI 가입 드디어 성공 했습니다 (상세 후기)
2023년 2월 16일에 ‘오라클 클라우드 지급 검증 실패 글‘을 남긴 적이 있습니다. 그 때 검색을 통해 해결 방법을 찾아 보았고, 당시 성공했던 분들의...