티스토리 블로그가 다른 블로그와 다른 가장 큰 장점은 마치 홈페이지처럼 2차 도메인을 사용할 수 있도록 한 것입니다. 그런데, 구글 정책으로 인해 리디렉션을 사용하지 못하는 것 때문인지는 모르겠지만, 사용자들이 로그인 풀림으로 인해 굉장히 불편한 상황인데 해결방법을 전혀 제시하지 않고 있지요.
일단 관리자 입장에서 접속하는 URL이 1차 도메인이 되도록 바꿔서 접속해야 수정, 댓글, 삭제 등이 가능합니다. 관리자야 뭐 그렇다고 치더라도 해당 블로그에 방문한 사용자들은 이게 뭔가? 싶을 만큼 불편함을 느끼는 것이 사실입니다. 심지어 티스토리 아이디가 있는 사용자들도 2차 도메인을 사용하지 않는 분들은 여기는 왜 이러지? 이런 이야기를 합니다.
결론적으로 단순히 1차 도메인으로 리디렉션 걸어서 로그인할 수 있도록 해주면 해결이 됩니다. 그래서 폭풍검색과 알고 있는 지식을 총 동원해서 자료를 준비했습니다.
티스토리 관리자 모드 스킨편집의 html에서
<s_rp_input_form>
<div class="comment-form">
<s_rp_member>
<div class="field">
부분을 아래의 소스로 바꿔줍니다.
<s_rp_input_form>
<div class="comment-form">
<s_rp_member>
<!-- 티스토리 로그인 s -->
<s_guest_form>
<div id="login-guide" class="tab_login" style="margin-top: -20px;"></div>
<script>
var loginButton = document.createElement("a");
loginButton.textContent = "티스토리 계정으로 로그인 후 댓글 남기기";
loginButton.className = "tab_login_link";
loginButton.href = "https://marketingplus.tistory.com" + document.location.pathname +'#login-guide';
document.querySelector(".tab_login").append(loginButton);
</script>
</s_guest_form>
<!-- 티스토리 로그인 e -->
<div class="field">
소스에서 marketingplus라고 된 부분은 운영 중인 블로그 아이디로 바꾸면 됩니다.
이제 CSS도 수정해 봅니다.
/* Components */
.btn, a.btn {
부분을 찾아서 아래처럼 바꿔줍니다.
/* Components */
/* 2차 도메인을 사용할 경우 로그인 되지 않는 문제 해결을 위한 로그인 창 추가 시작 */
.tab_login a {
display: inline-block;
margin: 0 8px 12px 0;
padding: 0 17px;
border: 1px solid #eee;
border-radius: 32px;
font-size: 14px;
line-height: 30px;
vertical-align: middle;
color: #fff;
background-color: #09f;
}
.tab_login a:hover,
.tab_login a:focus {
font-weight:bold;
color: #6f0;
}
/* 2차 도메인을 사용할 경우 로그인 되지 않는 문제 해결을 위한 로그인 창 추가 끝 */
.btn, a.btn {
오늘은 소스 수정이 좀 간단하네요. 도움이 되길 바랍니다.
반응형
댓글