오랜만의 워드프레스 삽질기 og:image, related post

내 TODO 리스트 중에 순위가 낮아서 해결을 안하고 있는 아이템 중에 하나가 워드프레스 이슈들 해결하는 일이다. 현재 나는 twenty seventeen 이라는 워드프레스 공식테마의 child 테마를 만들어서 (즉, 오버라이딩해서) 쓰고있다.

한국어에 맞게 폰트 수정도 하고 레이아웃이나 간격 등 내 취향에 맞게 수정하기에는 child 테마 기능을 쓰면 좋다. 카카오 brunch 나 신문사들의 폰트 설정을 참고해서 내가 원하는 글자, 줄간격 등을 설정했다. 내 child 테마는 Github에 공개 해 두었다

오랫동안 해결 못하고 있는 문제들이 있었는데 그중 몇가지를 해결 했다.

  • author box 에서 내 이름에 링크 제거
    Simple Author Box 라는 플러그인으로 글 마지막에 내 프로필을 노출하고있었다. 기본적으로 이름에 링크가 걸리고 누르면 그 사람의 글만 보여주는데, 어짜피 내 블로그는 1인 블로그라서 그 기능이 필요 없었다. 플러그인 수정하는게 귀찮아서 안하고 있었는데 그냥 plugin 설정에서 Edit 하니까 바로 수정 가능하더라. 그래서 링크를 제거했다.
  • 기본 og:image 지정
    내 블로그는 기본적으로는 텍스트 위주다. 일단 이미지가 있는 포스트의 경우 그림이 og:image 로 설정되어서 썸네일에 잘 나온다. 하지만 이미지가 없는 포스트도 많은데, 이미지가 없으면 워드프레스에서는 기본 og:image 로 ‘https://s0.wp.com/i/blank.jpg’ 라는 이미지를 보여준다. 이 이미지는 비어있는 하얀 정사각형 이다. 그래서 페이스북에 아래와 같이 보이게 된다.

    나는 이미지 없을때 내 사이트 기본 이미지를 보여주고 싶었다. 그런데 우연하게 이런 글을 발견! 사이트 로고나 사이트 아이콘을 설정하면 그렇게 된다고 하는게 아닌가?
    그런데 사이트 로고를 아무리 설정해도 og:image 값이 바뀌지는 않았다. 저 페이지는 2013년 글이기는 하지만 공식 페이지에 있는 내용인데 틀리다니 ㅠㅜ 하여튼 사이트 아이콘을 특정 이미지로 설정하니까 잘 된다. 저 빈자리에 내 새 로고가 들어간다.
  • related post (관련글 기능)
    관련글은 매우 중요하다. 사용자들이 글을 다 읽고 관련글이 있으면 계속 다른 글도 읽기 때문이다. Jetpack에서는 관련글 기능을 제공하고, 나도 잘 쓰고 있었는데 테마 변경후인가? 부터 관련글이 안보이기 시작했다. 의심가는 것은 이 버그 때문인거 같은데 답답한 점은 저 페이지에서 말하고있는 work around(임시 우회 대책)도 내게는 동작을 안한다는 점이다.
    해결책을 찾다가 일단 포기. 해결하고 싶으나, 바쁜데 이런거 붙잡고 있기에는 시간이 아깝다.
  • 코드 문법강조
    관련 내가 쓰던 플러그인이 너무 오래되어서 더이상 지원되지 않는다. 여러 플러그인 중에 가볍고 괜찮은 놈으로 갈아타려고 한다.
박 민우
비지니스를 좋아하는 소프트웨어 개발자. Python, Swift, 온라인광고, 마케팅, 커뮤니티, 오픈소스 등을 좋아합니다.

Leave a Reply