[워드프레스] head 태그에 title 태그가 없을 때 해결 방법

#워드프레스 테마를 원하는대로 사용하기 위해 수차례 만들면서 사용하다보면 아주 간단하지만, 예상치 못한 문제에 봉착 할 때가 있습니다. 이번에 겪은 문제는 html 문서에서 #head 태그 안에 당연히 있어야 할 것 같은 #title 태그가 없어 이를 해결하는 방법을 정리해 봅니다.

문제점

html 문서에서 head 태그는 실제로 사용자가 보는 화면에는 표시 되지 않지만, 수많은 정보를 담고 있습니다. 그 중 title 태그는 사용자가 보고 있는 이 페이지의 제목이 무엇인지를 담고 있는 아주 중요한 태그입니다.

title 태그가 없을 때 가장 당황스러운 부분은 사용자가 해당 페이지를 보기 위해 사용하는 엣지, 파이어폭스, 크롬과 같은 브라우저의 탭에 해당 페이지의 제목이 아닌 사이트 주소가 표시 된다는 점입니다.

따라서 워드프레스 테마를 이용하는 도중 head 태그에 내부에 title 태그가 없다면 이는 반드시 해결해야 하는 문제인 것입니다.

솔루션

보통의 워드프레스 테마에서 head 태그 내부를 꾹꾹 채워줄 #wp_head 함수가 사용중이라면 당연히 title 태그도 존재 할 줄 알았지만 그렇지 않았습니다.(아주 만약에 테마가 wp_head 함수를 사용하고 있지 않다면, 일단 이것부터 head 태그 안에 추가해야 합니다.)

문제는 바로 이 테마가 워드프레스의 #title-tag 속성을 지원하도록 선언하지 않아서 발생한 문제였습니다.

이 문제를 해결하는 방법은 아주 간단합니다. 테마의 #functions.php 파일에 아래 코드 한 줄만 추가하면 됩니다.

add_theme_support( 'title-tag' );

위에서 말한대로 이 테마가 title-tag 를 지원하도록 하게 만드는 코드입니다.

이로써 간단하게 문제를 해결 했습니다.

끝.