056 - 티스토리 HTML상의 title을 자바스크립트로 변경하기
<head>
<title>자료실 : 056 - 티스토리 HTML상의 title을 자바스크립트로 변경하기</title>
</head>

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

예를 들어 블로그명이 "자료실"이라면 메인화면에서 "자료실 : 자료실" 이라고 중복되어 출력된다.
이것은 미관상 매우 좋지 않다...




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

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




 

우선 티스토리 관리페이지 > [스킨편집] > [html 편집]에 들어가서

<title></title> 부분을 056 - 티스토리 HTML상의 title을 자바스크립트로 변경하기 로 바꿔준다. (위 사진 보고 따라 적으세요)

 

 

 

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

 

다음으로 위의 스크립트(<script> ~~~~ </script>)를 복사한 후 </head> 위쪽에다가 붙여넣기 해준다.
(HTML 편집기 제일 아래로 내려가서 </s_t3> 바로 위에다가 붙여넣기 해주셔도 됩니다.)

** 참고 **
첫 줄의 var title은 HTML상 title 값을 가져온다는 의미이다.
위에서 <title>056 - 티스토리 HTML상의 title을 자바스크립트로 변경하기</title> 이라고 설정해 놓았으니 056 - 티스토리 HTML상의 title을 자바스크립트로 변경하기이라는 값을 가져올 것이다.
그리고 가져온 056 - 티스토리 HTML상의 title을 자바스크립트로 변경하기을 title이라고 명명한다.

 

 

 

*도대체 </head>가 어디 있나요?
HTML 상단에 위치해 있을 겁니다. (위 사진 참고)
안 보이신다면 [Ctrl + F]를 눌러서 검색해보세요.

 

 

 

<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를 활용하여 설정해주면 됩니다.
위 예시에서는 방명록에서의 타이틀을 추가로 설정해 보았습니다.

 

'공개자료' 카테고리의 다른 글

058 - mkvtoolnix (v56.1.0)  (0) 2021.05.06
057 - SMI ↔ LRC 상호 변환기  (0) 2021.03.10
053 - 스톱워치  (0) 2020.12.30
052 - System(ntoskrnl.exe)의 CPU 점유율 문제 해결  (0) 2020.12.26