056 - 티스토리 HTML상의 title을 자바스크립트로 변경하기
<head>
<title>[##_title_##] : [##_page_title_##]</title>
</head>

티스토리 치환자를 이용한 타이틀 표기는 이렇게 하는데,
그냥 이렇게만 써둘 경우 메인화면(첫 페이지)에서의 타이틀에 본인이 설정해둔 블로그 제목이 2번 중복되어 나오는 문제가 생긴다.
이것은 미관상 매우 좋지 않다...




document.title = "원하는 타이틀";

일단 자바스크립트로 타이틀 쓰는 법은 documet.title로 하면 되는데
if와 else를 이용해서 메인화면과 나머지 화면에서의 타이틀을 따로 설정해주도록 한다.




<script>
var title = document.getElementsByTagName("title")[0].innerHTML;
	if ( window.location.pathname == '/' ) {
		document.title = "첫 화면에서의 타이틀";
	}
	else {
		document.title = "첫 화면 이외의 타이틀 :: " + title;
	}
</script>​

즉, 대충 이런 식으로 쓰면 된다.
첫 줄의 var title 부분은 티스토리 스킨편집 화면에서 HTML에 적어놓은 값을 가져온다는 의미이다.

예를 들어, 일반적인 티스토리 블로그일 경우 HTML상 title에 [##_page_title_##] 치환자를 적어놓는데,
이 치환자는 관리페이지 - 블로그 설정 - 블로그 이름 값을 출력해준다.
다시 말해 여기서의 var title은 내가 설정한 블로그 이름값을 불러오게 하는 것이다.

(블로그 이름 -> page_title -> var title)

그리고 else의 document.title에 보면 글자로 title이라고 적어놓은 게 있는데, 이게 위의 var title 값을 가져온다는 의미.

 

 

 

<head>
<title>[##_page_title_##]</title>
</head>

아무튼 잘 모르시는 분들은 관리페이지 - 스킨편집 - HTML에서 위와 같이 <title> 부분에 [##_page_title_##] 만 적어놓고 위의 script를 적용시켜보길 바란다.
일단 적용시켜보면 어떻게 무엇을 더 해야 할지는 보일 것이다.
<script></script>를 삽입하는 부분은 HTML 가장 아래쪽의 </s_t3></body></html> 바로 위에다가 하면 된다.

 

 

 

<script>
var title = document.getElementsByTagName("title")[0].innerHTML;
	if ( window.location.pathname == '/' ) {
		document.title = "자료실";
	}
	else {
		document.title = title + " :: 자료실";
	}
</script>
</s_t3>
</body>
</html>

현재 보고 계시는 블로그에는 이렇게 적용되어 있다.

 

 

 

<script>
var title = document.getElementsByTagName("title")[0].innerHTML;
	if ( window.location.pathname == '/' ) {
		document.title = "첫 화면에서의 타이틀";
	}
	else if ( window.location.pathname == '/guestbook' ) {
		document.title = "방명록에서의 타이틀";
	}
	else {
		document.title = "첫 화면, 방명록 이외의 타이틀 :: " + title;
	}
</script>

혹시나 추가로 더 설정하고 싶은 글 주소가 있을 경우 else if를 활용하여 설정해주면 된다.
위 예시에서는 방명록에서의 타이틀을 추가로 설정해보았다.