티스토리 방명록에 비밀글 설정 html 수정하여 추가하기~!

최근에 알게 된 내용이다. 티스토리는 블로그 스킨에 따라서 방명록 비밀글 설정이 없는 경우가 있다. 방명록 뿐만 아니라 일반 게시글의 댓글도 비밀글 설정이 없는 경우도 있다. 

 

티스토리의 방명록에 비밀글을 적용하려면 스킨을 변경해야 하는데 이미 꾸며 놓은 스킨을 변경하기란 무지 어려운 것~!  스킨을 변경하지 않고 HTML소스 코드 수정으로 비밀글 기능을 적용할 수 있었다.

 

보통은 댓글 영역에 비밀글 체크박스가 있다면 그 체크박스의 소스코드를 가져와 방명록에 붙여넣는 것으로 비밀글 적용이 가능하다.

 

작업에 앞서 티스토리 게시판 방명록의 특징에 대해서 간단히 살펴보겠다.

 

몇몇 스킨을 둘러봤는데 일반 게시글 하단에 적용된 댓글 영역과 방명록 부분의 글 등록 부분은 동일한 구조와 동일한 코드를 사용 중이었다. 아마 전체적으로 그런 구조인 것 같다. 이 말은 비밀기능 체크박스 코드를 방명록 부분의 똑같은 위치에 복사 붙여넣기 해주면 간단히 설정이 가능하다는 것이다.

 

 

폼이 똑같다.

 

방명록 입력 박스

포스팅 댓글 입력 박스

 

비밀기능 유무 구분

1. 방명록에만 비밀기능이 없는 경우.

2. 방명록과 일반 댓글 비밀기능이 모두 없는 경우.

 

나의 경우는 1번에 해당했는데 인터넷을 검색해보니 뭔가 어렵고 스킨이 달라서 그런지 나와 맞지 않는 코드가 보였기에 직접 내 블로그를 확인해봤다.

 

확인 결과 일반 댓글 영역에는 비밀글쓰기 기능이 적용되어있었다. 그래서 여기에 있는 비밀설정 체크박스 코드를 내 방명록 글쓰기 코드 부분에 붙여넣어서 방명록 비밀글쓰기 기능을 적용했다.

 

2번 같은 경우는 해당 스킨에 아예 비밀글 설정코드가 없기 때문에 비밀글 설정이 있는 스킨을 찾아서 해당 댓글영역 코드를 가져와 갖다 붙여넣어야 한다. 

 

자 그럼 작업 시작~!

 

1. 비밀글 체크박스 코드 찾기

 

먼저 일반 댓글 영역에서 '비밀글 체크박스'를 찾아보겠습니다. 관리자페이지에서 HTML소스 수정에 들어가서 입력칸에 보이는 안내 문구 "댓글을 입력해주세요."로 소스 위치를 검색해주세요. (검색 문구는 스킨마다 다르기 때문에 본인의 댓글창에 적용된 문구로 검색하시면 됩니다. 저의 경우는 '방명록을 입력해주세요', '댓글을 입력해주세요')

 

아래와 같이 <div class="reply_write">부분이 댓글 입력 박스 부분의 코드입니다.

 

댓글 비밀체크박스 코드

댓글 입력 비밀글 체크박스

 

2. 방명록 소스 코드 확인하기

 

소스코드 부분에서 "방명록을 입력해주세요." 로 소스의 위치를 찾아줍니다. 보시면 일반 댓글 코드와 동일한 구조, 동일한 코드임을 알 수 있습니다. 마찬가지로 아래의 <div class="reply_write"> 부분이 방명록 입력 부분의 코드입니다.

 

방명록 소스코드

방명록 비밀글 소스코드

 

그런데 두 소스를 자세히 보면 다른 부분이 있습니다. 

 

아래 코드 중 좌측 일반 댓글 입력 영역에는 파란색으로 강조한 부분 form_reg가 하나 더 있습니다.

 

바로 비밀글 체크박스 코드인데요

 

우측으로 방명록 코드에는 form_reg DIV가 1개 뿐입니다.

 

비밀글 체크박스 코드가 없는 것입니다. 

 

좌측과 똑같이 해주기 파란색 영역의 코드를 방명록 코드에 붙여넣어주겠습니다.

 

댓글박스 코드(좌) 방명록 박스 코드(우)

 

위 파란 칸의 코드는 아래와 같습니다.

<div class="form_reg">
  <label><input type="checkbox" name="secret">비밀글</label>
</div>

 

결과

 

결과 코드를 보겠습니다.

방명록 비밀글 체크박스 적용하기

 

보시는 것 처럼 <div class="form_reg">...</div> 코드가 추가되었습니다. 정렬이 깨져서 style="float:left" 스타일을 임의로 넣어 놓았습니다.

 

그럼 결과 화면은 어떨까요. 좌측 하단으로 비밀글 체크박스가 적용되었습니다.

 

방명록 비밀글 체크박스 적용하기

">등록</button> </div> </div> </form> <!-- // reply_write -->

 

저의 경우는 <! - - reply_write - ->부터<! - - // reply_write - - >사이의 코드가 글 등록 영역이었고, 다른 스킨의 경우 <! - - register_area - - > 부터 <! - - // register_area - - > 사이의 코드가 글 등록 영역이었습니다.

 

위 코드를 해당 영역에 맞춰 덮어주면 되는 것입니다. 단, 스타일이 맞지 않아 약간의 css 추가 작업을 해주어야 합니다. 2번에 해당하는 경우는 아무래도 조금 어려울 수 있습니다.

 

그럼 이만 마치겠습니다~!