<head>
<title>자료실 : 056 - 티스토리 HTML상의 title을 자바스크립트로 변경하기</title>
</head>티스토리 치환자를 이용한 타이틀 표기는 HTML에서 이런 식으로 하는데,
이렇게만 써둘 경우 메인화면(첫 페이지)에서의 타이틀에 본인이 설정해둔 블로그 제목이 2번 중복되어 나오는 문제가 생긴다.
예를 들어 블로그명이 "자료실"이라면 메인화면에서 "자료실 : 자료실" 이라고 중복되어 출력된다.
이것은 미관상 매우 좋지 않다...
document.title = "원하는 타이틀";일단 자바스크립트로 타이틀 설정하는 방법은 documet.title을 쓰면 되므로
documet.title과 if와 else를 이용해서 메인화면 및 나머지 화면에서의 타이틀을 각각 설정하도록 하겠다.
우선 티스토리 관리페이지 > [스킨편집] > [html 편집]에 들어가서
<title></title> 부분을 [ ##_page_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>[ ##_page_title_## ]</title> 이라고 설정해 놓았으니 [ ##_page_title_## ]이라는 값을 가져올 것이다.
그리고 가져온 [ ##_page_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 |
