댓글 창 위치 변경
댓글 창의 위치를 변경 하기 위해 HTML/CSS 편집 기능을 사용 합니다.
HTML 코드부분을 직접 수정해서 댓글 창의 위치를 조정해 봅시다.
기본 스킨이 댓글 창을 댓글 리스트 다음에 출력해 주고 있습니다.
이 댓글 창을 댓글 리스트 위에 출력되도록 바꿔 보겠습니다.도록 하겠습니다.
관리자 메뉴에서
[스킨] - > [HTML/CSS 편집] 메뉴를 선택합니다.
[HTML/CSS 편집] 메뉴를 열어서 skin.html 내용을 살펴 봅시다.
skin.html 내용에서 CTRL + F 를 이용 해서
<s_rp_input_form> 이부분을 검색 하시면
<!-- 댓글쓰기 -->
<s_rp_input_form>
....
내용
...
</s_rp_input_form>
위 부분 처럼 되어 있습니다. 이 부분이 댓글 작성 관련 부분입니다.
위 내용에 나와 있듯이
<s_rp_input_form> 부터
</s_rp_input_form> 까지의 부분을 잘라내기 합니다.
자 이제 잘라낸 부분을 댓글 리스트 위로 올려야 되겠죠..
댓글 리스트 부분은 아래와 같이 되어있습니다.
<!-- 댓글읽기 -->
<div class="commentList">
<s_rp_container>
...
내용
...
</s_rp_container>
</div>
댓글 리스트는 위와 같이 나옵니다..
내용 부분은 사용자분들이 남겨주신 댓글과 링크, 닉네임, 파비콘, 블로그 아이콘에 대한 정보가 들어갑니다.
<div class="commentList"> 댓글 읽기 부분을 찾아서 좀 전에 잘라내기 했던 댓글 작성창 소스를 붙여 넣기 합니다.
그러면 최종 적으로 다음과 같은 형태의 소스코드가 됩니다.
<!-- 댓글쓰기 -->
<s_rp_input_form>
....
내용
...
</s_rp_input_form>
<!-- 댓글읽기 -->
<div class="commentList">
<s_rp_container>
...
내용
...
</s_rp_container>
</div>
이제 [미리보기] 버튼을 이용해서 스킨이 어떻게 적용 되었는지 확인합니다.
한가지 주의 하실 점이
해당 사용자분이 태그에 대해 도사가 아닌 이상 바로 저장 버튼을 누르시지 않았으면 합니다.
스킨을 잘 못 편집했을 경우 예상과 다른 결과가 나오기도 하는데...
그대로 저장하시면 그대로 반영이 되기 때문에
반드시 미리보기로 먼저 어떻게 적용이 되었는지 확인하시고 저장하시길 바랍니다.
재수 없으면 처음부터 다시 하는 불상사가 생길 수도 있으니 조심하시길 바랍니다.
자 이제 제대로 됬으면
댓글 작성 부분이 댓글 리스트 위로 올라간 것을 볼 수 있습니다.
위치가 마음에 안드시는 분들은 다시 작업을 거꾸로 하시던지 백업했던 내용을 복원하시면
원상태로 돌릴 수 있습니다.
