Twenty Fifteen 테마 – 본문에는 특성 이미지 숨기기

워드프레스의 새 기본 테마인 Twenty Fifteen은 포스트와 페이지 상단에 특성 이미지 Featured Image를 크게 보여준다.

kukie_net_2015-03-19-at-9.22.30-PM
이런식으로…

 

새 포스트를 작성하는 경우엔 적당히 큰 이미지를 넣거나, 이미지를 넣지 않으면 그만이라 상관이 없다.
하지만 기존 포스트에 특성 이미지를 작은 것으로 설정해 둔 경우 우스꽝스러운 포스트 모습을 볼 수 있다.

나도 기존 테마와 맞춰서 작은 특성 이미지를 사용하고 있었기 때문에 수정을 해야할 필요가 생겼다.

특성 이미지 자체를 삭제해도 되지만, 본문 하단에 ‘이전 글, 다음 글’ 부분에 특성 이미지가 백그라운드로 깔리며 좀 예쁘게(?) 보이기 때문에 특성 이미지 자체를 빼고 싶진 않았다.

그래서 사용자 정의 필드 Custom Field를 이용해서 본문에서 특성 이미지를 숨길지 보일지 선택할 수 있도록 작업했다.

테마 수정하기

content.php 파일, 특성 이미지 표출하는 곳의 기존 코드(아래)를 삭제한다. (파일의 line 14)

그리고 아래 코드를 넣어준다.

  • line 3 – ‘hide_featured_image‘ 는 본인이 원하는 이름으로 넣어도 된다.
  • line 7 – ‘medium‘은 특성 이미지로 나오는 이미지 사이즈이다. 나는 large로 해도 본문 가로 사이즈보다 약간 작기 때문에 ‘orginal’로 설정했다.

적용법

글을 작성할 때 ‘사용자 정의 필드’에 위에서 지정한 항목을 넣어주면 된다.

plugin_custom_field_suite2

  • 이름 : hide_featured_image
  • 값 : yes / no (yes로 하면 숨기는 것)

yes로 지정하고 글을 저장하면 본문에서 특성 이미지가 보이지 않게 된 걸 확인할 수 있다.

저렇게만 수정하면 포스트 목록과 페이지에는 여전히 특성 이미지가 나온다.
그 부분도 동일하게 하려면 해당 파일을 찾아서 위와 동일하게 수정해주면 된다.

 플러그인으로 손쉽게 적용

글을 쓸 때, 혹은 수정할 때 사용자 정의 필드를 일일히 손대려면 귀찮은 일이다.
그래서 Custom field를 관리/적용할 수 있는 플러그인을 통해 나름 GUI로 접근할 수 있도록 해두면 편리하다.

Plugin – Custom Field Suite

다른 플러그인도 써봤는데, 비주얼 컴포저와 충돌이 나서 본문 수정이 불가능했다.
이 플러그인은 문제 없이 작동했다.
요래조래 옵션을 만지고 나면 사이드바에 넣어서 편리하게 사용할 수 있다.

plugin_custom_field_suite

(아래 두 개는 개인적으로 사용하는 다른 필드)

임시 방편

야메(?)로 아래처럼 CSS를 이용해서 그냥 숨기는 방법도 있다. ^^;

– 끝 –