티스토리 메뉴바 패치에 따른 FastBoot 로그인/로그아웃 버튼 문제해결

로그인/로그아웃 기능 패치

  티스토리에서 개발인력을 충원한다는 공지가 오래전에 있었는데, 그 때문인지는 몰라도 로그인/로그아웃 기능에 변화가 있었습니다. 사용하시는 분들은 알아채지 못할 변화일 수도 있지만 이 기능 변화 때문에 FastBoot 스킨도 영향을 받아서 상단과 Offcanvas에 있는 로그인/로그아웃 버튼이 먹통이 되는 현상이 있었네요. 뭐하라님께서 제보해주셔서 수정하는 방법에 대해서 알려드리고자 포스팅합니다.

skin.html

  아래 부분이 찾으셔야 할 부분입니다. (삭제해야할 부분)

	
<!--F Login Button Mapping -->
<script>
	var tmpLogin = document.getElementsByClassName("tt_menubar_logout")[0].getElementsByTagName("a")[0];
	tmpLogin.className = "";
	tmpLogin.innerHTML = tmpLogin.innerHTML.replace("로그아웃",'<i class="fa fa-unlock fa-fw"></i> Logout');
	tmpLogin.innerHTML = tmpLogin.innerHTML.replace("로그인",'<i class="fa fa-lock fa-fw"></i> Login');
	document.getElementById("loginout_append").innerHTML = tmpLogin.outerHTML;
</script> 
	

  이 부분을 일단 지우신 다음에 </html> 다음 부분에 아래에 새로 적어드리는 코드를 넣어주시면 됩니다. 티스토리에서 메뉴바를 불러올 때 페이지 맨 하단 부분에 메뉴바 관련 코드를 집어넣는 것으로 위치를 수정해서 발생하는 문제였습니다. 이렇게 하면 페이지 로딩이 끝난 다음에 메뉴바를 로딩하기 때문에 더 빨라보이는 효과가 있어서 티스토리에서 패치를 한 것으로 생각됩니다.

  </html> 다음에 새로 넣으셔야 할 부분

	
<!--F Login Button Mapping -->
<script>
	var tmpLogin = document.getElementsByClassName("tt_menubar_logout")[0].getElementsByTagName("a")[0];
	tmpLogin.className = "";
	tmpLogin.innerHTML = tmpLogin.innerHTML.replace("로그아웃",'<i class="fa fa-unlock fa-fw"></i> Logout');
	tmpLogin.innerHTML = tmpLogin.innerHTML.replace("로그인",'<i class="fa fa-lock fa-fw"></i> Login');
	document.getElementById("loginout_append").innerHTML = tmpLogin.outerHTML;
	$('#lnav ul li ul a')[0].outerHTML = tmpLogin.outerHTML;
</script> 
	

  수정 후 되어야 할 모습

	
	<script>if (ielt9 == 1) window.jQuery || document.write('<script src="./images/jquery-1.11.0.min.js"><\/script>');
	else if(ielt9 == 0) window.jQuery || document.write('<script src="./images/jquery-2.1.0.min.js"><\/script>');</script>
    <!--F FastBoot_Plugins -->
	<script>if(rssLogFlag==1)document.write('<script src="./images/fastboot_index.js?05156"><\/script>');</script>
    <script src="./images/fastboot.min.js?0507"></script>
    <!--[if (gt IE 8)|!(IE)]><!--><script src="./images/fastboot_offcanvas.min.js"></script><!--<![endif]-->
	<div id="toTop" onclick="window.scrollTo(0, 0);"><i class="fa fa-angle-double-up fa-2x"></i></div>
</body></html>
<!--F Login Button Mapping -->
<script>
	var tmpLogin = document.getElementsByClassName("tt_menubar_logout")[0].getElementsByTagName("a")[0];
	tmpLogin.className = "";
	tmpLogin.innerHTML = tmpLogin.innerHTML.replace("로그아웃",'<i class="fa fa-unlock fa-fw"></i> Logout');
	tmpLogin.innerHTML = tmpLogin.innerHTML.replace("로그인",'<i class="fa fa-lock fa-fw"></i> Login');
	document.getElementById("loginout_append").innerHTML = tmpLogin.outerHTML;
	$('#lnav ul li ul a')[0].outerHTML = tmpLogin.outerHTML;
</script> 
	

  다만 이전과 다르게 로딩 후 살짝 튕겨보이는 현상이 있기는 할 것입니다. 기존에는 페이지 로딩중에 로그인/로그아웃 여부를 알 수 있어서 거의 사용자가 알아채지 못하게 로그인/로그아웃을 감지할 수 있었는데 티스토리 패치 이후로는 그것이 불가능하네요..

  FastBoot 스킨의 로그인/로그아웃 기능을 사용하고 계신 분들은 위 내용 참고하시어 수정해주시면 되겠습니다. 감사합니다. ^^

저작자표시비영리변경금지

'반응형 티스토리 > FastBoot' 카테고리의 다른 글

[공지] FastBoot스킨 티스토리 RSS URL 변경으로 인한 문제점 발생  (15)	2016.05.26
메인화면 하단 이미지 하나만 나오는 현상 해결하기  (25)	2016.02.26
[FastBoot] 마이너 패치 실시 안내  (35)	2016.02.15
[버그패치] 툴팁이 오른쪽으로 밀려서 표시되는 현상 수정  (24)	2014.09.24
메인화면에 원하는 문구 집어넣기  (13)	2014.08.13
티스토리 메뉴바 패치에 따른 FastBoot 로그인/로그아웃 버튼 문제해결  (31)	2014.07.05
화면 스크롤시 상단고정메뉴 고정되지 않게 하기  (11)	2014.06.30
사이드바 구글 애드센스 예제소스  (27)	2014.06.10
데스크탑 상단 메뉴 바꾸기 / 블로그 제목에 홈링크 넣기  (39)	2014.06.02
사이드바에 추천글 넣기  (26)	2014.05.26
모바일 상단바 / 데스크탑 네비게이션바 색상 변경하기  (19)	2014.05.23