티스토리 (Fastboot) 로그인 로그아웃 버튼 만들기

이 방법은 임시로 사용하는 방법으로, 제작자이신 Readiz님 혹은 기타 능력자 블로거님들께서 손수 해결해 주실 때까지의 도피처라고 보시면 되시겠다. 최근 티스토리의 대규모 업데이트로 인해서 기존의 Fastboot 최상단에 있는 메뉴 중, 로그인 버튼이 정상 작동하지 않아서 발생하는 문제에 대한 임시 해결책이다.



피가되고 살이되는 블로그, 친절한효자손 취미생활!

글, 사진 및 이미지 ▶ CopyLeft(C) 유길용

#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다#

#공유라는 개념은 그대로 복붙하시라는 개념이 아니라, 내용을 응용해서 가져가시라는 말씀입니다#

#사진과 이미지의 일부는 퍼온것도 있음을 밝힙니다#

#본 블로그는 크롬(Chrome Browser) 1920×1080 해상도에서 가장 선명하게 보입니다#


티스토리 블로그 (Feat. Fastboot 스킨) 로그인/로그아웃 버튼 생성하기


기존 로그인 버튼을 누르면 편리하게 로그인 화면으로 넘어가게 되고, 자동으로 로그인 버튼이 로그아웃으로 바뀐다. 여기에서 한번 더 누르면 자연스럽게 로그아웃이 되는 기능인데, 지금 이 기능이 먹통이 되었다. 그래서 필자는 강제로 버튼을 두개로 나누었다. 하나는 로그인 버튼이고 다른 하나는 로그아웃 버튼이다.


가장 기초적이면서 원시적인 방법이므로 마음에 들지 않는다면 사용하지 않으면 그만이지만, 필자의 경우는 하나의 컴퓨터로 동생과 같이 블로그를 운영하기 때문에 다른 아이디로 로그인 되어 있을 때, 필자의 아이디로 다시 재로그인 하기가 번거로워서 어쩔 수 없이 이 방법을 택했다.




우선 관리자모드에서 HTML/CSS 편집 부분으로 들어간다. 그리고 Ctrl+F 를 눌러 빨간색 밑줄 친 div class="container" 를 검색한다. 여기에서 기존 Fastboot 태그는 저기 파란색 박스 부분으로, 현재 이 로그인 버튼이 제대로 정상작동 하지 않는 부분이다. 이 부분을 모두 삭제하거나, 필자처럼 주석처리를 해서 비활성화 시키고 빨간색 박스 부분의 태그를 입력한다. 그러면 끝이다. 태그는 첨부파일에 넣어두도록 하겠다.


첨부파일

Fastboot 티스토리 로그인 로그아웃 버튼 태그.txt


참고로, <i class="fa fa-sign-in> 태그 중, 빨간색 부분은 폰트어썸에서 제공하는 다양한 아이콘 태그를 활용해서 얼마든지 변경이 가능하므로, 자세한건 사이트에서 확인해보자.


폰트어썸 사이트 : http://fontawesome.io/icons/




기존 Fastboot 스킨의 로그인 버튼이었다. 로그인/로그아웃이 여기 하나로 모두 통합되어 사용되었지만, 업데이트 때문에 오류가 발생했고 정상 작동하지 않게 되었다.




위의 방법대로 하면, 이렇게 두가지로 나뉘게 되고 왼쪽이 로그인, 오른쪽이 로그아웃 버튼이 된다. 보기에는 좀 그럴지 몰라도 제 기능은 톡톡히 해내는 버튼으로 변경되었다. 끝.


티스토리 업데이트 이후 Fastboot 왼쪽 카테고리 버튼 오작동 해결하기

Fastboot 왼쪽 메뉴버튼 위치 및 크기 변경

친절한효자손 블로그 연구를 모두 오픈하는 이유를 말씀 드리겠습니다


"친절한효자손 취미생활" 을 검색!


이 글을 공유하기

댓글(5)

  • 2017.10.12 23:23 신고

    안녕하세요. 효자손님 한가지 질문이 있습니다. 효자손님 블로그를 보고 fastboot 스킨을 사용하고 있는데 모바일로 접속했을 때 왼쪽 맨 위에 리스트를 클릭하면 아무런 반응이 없습니다. 리스트를 나오게 하는 방법 좀 알고 싶습니다 ㅠㅠ

  • 2017.10.13 08:11 신고

    답변 감사드립니다

  • 2017.11.27 16:44 신고

    그럼 html편집하지 않고서
    는 현재 티스토리에선 로그아웃이 불가능한가요?

Designed by JB FACTORY