티스토리 2차 도메인 사용 시 로그인 풀림에 대한 임시 조치 개선하기.

전에 티스토리 2차 도메인을 사용하면서 로그인 풀림 현상의 개선방법을 포스팅했었죠.

티스토리 2차 도메인 사용 시 로그인 풀림에 대한 임시 조치 적용 방법.

위 방법은 제 도메인을 기준으로 간단하게 설명하면

1. 담덕이의 탐방일지에 접속합니다.
2. https://damduck01.com으로 접속이 됩니다. (로그인 풀림)
3. 댓글 작성 창 위에 있는 [로그인하고 댓글 쓰러 가기. (∩•̀ω•́)⊃-*⋆]를 클릭합니다.
4. https://damduck01.tistory.com으로 로그인 유지된 채로 접속이 됩니다.

이렇게 동작하도록 조치를 취하는 방법이었어요.

그런데 이렇게 하게 되니까 [로그인하고 댓글 쓰러 가기. (∩•̀ω•́)⊃-*⋆]를 클릭하면 해당 포스트의 상단으로 이동이 돼서 댓글을 쓰려면 다시 스크롤을 내려서 댓글 입력 창으로 이동을 해야 하는데 이게 또 댓글 달아주시는 분들에게 죄송스러운 거 같더라고요. 그래서 여기서 한 단계 더 개선을 진행했는데요. 이미 눈치 채신 분들도 있을 거 같은데 현재 담덕이의 탐방일지에서 [로그인하고 댓글 쓰러 가기. (∩•̀ω•́)⊃-*⋆]를 클릭하면 기본 도메인으로 리디렉션이 발생하면서 댓글 입력 창으로 화면이 이동하도록 되어 있는데요. 이제 클릭하고 나면 스크롤을 다시 내릴 필요 없이 바로 댓글 입력이 가능하실 거예요.

그 적용 방법을 알려드릴게요.

먼저 이번 설명 방법은 티스토리 2차 도메인 사용 시 로그인 풀림에 대한 임시 조치 적용 방법. 을 적용한 후에 추가로 하는 작업이니까 관심 있으신 분들은 위 글을 먼저 읽어 보시는 걸 추천합니다. 선행 작업을 완료하신 분들은 어렵지 않게 적용하실 수 있을 거예요.

관리자 페이지 > 스킨 편집 > html 편집 화면으로 이동하신 수 </head> 위에 작성한 스크립트를 보면 아래처럼 작성되어 있겠죠?

<script type="text/javascript">
	var postNo = document.location.pathname;
</script>

저 위에 있는 pathname 뒤에 +"#login-guide"를 추가하시면 됩니다.

 

<script type="text/javascript">
	var postNo = document.location.pathname+"#login-guide";
</script>

이렇게 말이죠.
그런데 이 #login-guide가 모든 분들에게 있는 게 아닐 거예요.
이 기능을 위해서 제가 추가한 ID 값인데요.
이게 조금 어려울 수 있겠네요.
크롬을 기준으로 설명드릴게요.
어렵지 않게 기능에 대한 설명 없이 기능을 구현하기 위한 따라 하기 방식으로 진행해 보겠습니다.

먼저 블로그에 접속 후 댓글 입력창으로 이동하세요. 그리고 F12키를 클릭합니다.

 

크롬 관리자 도구

그럼 위와 같이 우측에 해당 페이지의 소스가 보일 거예요. 여기서 좌측 상단에 있는 네모 안에 커서 키 있는 아이콘을 클릭하거나 Ctrl + Shifc + C 키를 함께 눌러줍니다. 그리고 마우스를 페이지로 이동하면

 

크롬 Select an element in the page to inspect it.

위와 같이 커서가 있는 곳에 표시가 될 거예요. 이동하고자 하는 곳의 영역을 선택하고 마우스 왼쪽 버튼을 클릭하세요.

 

그럼 이렇게 우측의 소스 부분이 해당 위치의 소스가 있는 곳을 보여줍니다. 저는 처음에 [로그인하고 댓글 쓰러 가기. (∩•̀ω•́)⊃-*⋆] 영역에 id="login-guide"를 작성했는데 댓글 입력란이 미세하게 가려지더라고요. 그래서 위에 보이는 댓글 영역 <nav class="activity-func">에 id="login-guide"를 작성해서 테스트를 해 보니 제대로 위치가 잡히더라고요.

그럼 이렇게 <nav class="activity-func"> 영역을 찾았으니 여기에 id="login-guide" 문장을 추가하기 위해 관리자 페이지 > 스킨 편집 > html 편집 화면으로 이동 후 스킨 html 소스 화면에서 Ctrl + F 키를 입력해서 찾기 창에 <nav class="activity-func"> 문장을 검색하시면 해당 소스 위치가 나올 거예요. 여기에 id="login-guide"를 작성하시고 저장하시면 끝!

그럼 이제 [로그인하고 댓글 쓰러 가기. (∩•̀ω•́)⊃-*⋆]을 클릭하면 댓글 입력 창으로 이동되는 화면을 볼 수 있게 됩니다.

이게 결코 어려운 게 없는데 사진과 글로 설명하는 데 한계가 있네요. 동영상으로 만들면 조금 더 설명이 쉬울지도 모르겠어요. 혹시 궁금한 게 있다면 언제든 댓글로 문의해 주시면 됩니다. 담덕이의 탐방일지에 댓글을 남기실 때 조금이라도 덜 번거롭게 하려고 노력 중이니 티스토리 회원이신 분들은 로그인이 풀려 있다면 [로그인하고 댓글 쓰러 가기. (∩•̀ω•́)⊃-*⋆]를 클릭해서 댓글 달아주세요.

그럼 오늘도 행복한 하루 보내시고 건강하세요. Bye~