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를 이용해서 그냥 숨기는 방법도 있다. ^^;

– 끝 –

  • 심준보

    안녕하세요~
    twenty fourteen 테마에는 똑같이 하면 적용이 안되나요?
    content.php파일 line14에 똑같이 되어 있길래,
    알려주신 코드를 삽입하고, 글 사용자필드에 hide_featured_image 추가해서 값에 yes를 넣었는데도
    변함이 없이 본문에 특성이미지가 등장합니다ㅜ 방법이 없을까요?

    • 안녕하세요.
      twenty fourteen Theme을 잠시 살펴보니 해당 테마는 컨텐츠에 사용되는 템플릿 파일이 좀 더 여러 종류라서 더 여러파일을 고쳐야 하는 것 같습니다.
      content.php뿐만 아니라 featured-content.php나 content-featured-post.php 등 도 수정을 해줘야할 것으로 보입니다.

      • 심준보

        아 빠른 답변 감사합니다 kukie님.
        그렇다면, 언급해주신 featured-content.php나 content-featured-post.php에
        본문에 있는 같은 코드를 넣어야 하나요?

        • 테마를 어떤식으로 사용하고 계신지 모르기 때문에 정확히 어떤 파일까지 고쳐야 하는지 알려드리기는 어렵습니다.
          테마 구성 파일 중에 본문 템플릿에 해당하는 파일들(content-xxxx.php 등)의 본문 상단에 썸네일을 표출해 주는 부분이 있다면 모두 수정하시는 것이 좋습니다.
          테마마다 템플릿 구성 방식이 조금씩 다르기 때문에 직접 둘러 보셔야 할 것 같네요 ^^;

          • 심준보

            아 그렇군요. 쉽지 않은 작업이 될거같습니다ㅠ
            답변이 도움 많이 되었습니다. 친절하게 알려주셔서 정말 감사합니다.^^

        • 간단하게 적용하시려면 CSS 방식을 시도해 보세요..
          물론 저도 아직 twenty fourteen 에는 적용해본적은 없지만..

  • Ryan

    좋은 정보 감사합니다.