본문 바로가기
日常

Square 스킨 수정 - 댓글 펼침, 댓글 갯수, 댓글 보이기/감추기

by pentode 2018. 4. 8.

Square 스킨을 사용중입니다. 반응형에 2015년 공모전 대상을 받은 심플하고 가벼운 스킨이라고 해서 사용중입니다. 만족하며 사용중인데 한가지 바꿨으면 하는 부분이 있어 수정을 해봤습니다.

 

 

1. 댓글 리스트와 댓글 쓰기폼이 항상 열려 있습니다.

 

처음에는 닫혀있다가 클릭하면 열리게 하고 싶었습니다. 그런데 이 기능은 관리화면에서 바꿀 수 있다는 것을 알게 되었습니다.

 

꾸미기 -> 화면설정 선택하고, 화면설정 화면에서 화면출력 탭을 선택하면 펼침 설정이 있습니다.

 

"댓글 펼침"을 체크하면 처음부터 펼쳐져 있고, 체크를 해제하면 처음에는 닫혀 있습니다.

 

글 하단의 "트랙백 0개, 댓글 0개가 달렸습니다."를 클릭하면 열리고 닫히는것이 토글 되는 것이었습니다.

 

 

화면설정

 

 

 

2. "펼침 설정"을 해제 해서 처음에 닫혀 있도록 했는데, 펼칠수가 없습니다.

 

"트랙백 0개, 댓글 0개가 달렸습니다." 이 부분이 없었습니다. 닫혀 있도록 해두면 댓글을 펼칠수가 없었습니다. 그래서 스킨제작 가이드의 "2-8-4. 트랙백과 댓글 보이기/감추기" 를 참고해서 추가를 했습니다. 트랙백은 원래 없어서 댓글부분만 넣었습니다.

 

글수정, 삭제 버튼이 나오는 <s_ad_div>,</s_ad_div>와,  댓글이 출력되는 영역인 <s_rp>, </s_rp> 사이에 넣었습니다.

 

<s_ad_div>
<div class="admin">
	<a href="">Modify</a>
	<span class="line">|</span>
	<a href="#" onclick="">Delete</a>
</div>
</s_ad_div>

<div class="actionTrail">
	<a href="#rp" onclick="">
	<s_rp_count>
	댓글 <span class="cnt">0</span>개가 달렸습니다.
	</s_rp_count>
	</a>
</div>

<s_rp>
<div id="communicate">
	<s_rp_container>
	<div class="communicateList">

 

 

3. 글쓰기폼이 먼저 나오고 달린 댓글 리스트가 그 뒤에 나옵니다.

 

댓글 리스트가 먼저 나오고, 댓글 쓰기폼이 나중에 나오도록 수정하였습니다.

 

<s_rp>가 댓글이 출력되는 부분이고,  그 안의 <s_rp_container>댓글 리스트가 출력되는 부분, <s_rp_input_form>댓글 쓰기 폼이 출력되는 부분입니다. <s_rp_container>가 위로 오고, <s_rp_input_form>이 아래로 가도록 수정했습니다.

 

<s_rp>
<div id="communicate">

	<s_rp_container>
	<div class="communicateList">
	<!-- 댓글 리스트 부분 -->
	</div>
	</s_rp_container>

	<s_rp_input_form>
	<div class="communicateWrite">
	<!-- 댓글 쓰기 폼 부분 -->
	</div>
	</s_rp_input_form>

</div>
</s_rp>

 

수정된 결과 입니다.

 

수정 결과

 

스킨파일의 구조는 하나의 스킨 파일 안에 메인화면, 글 보기, 글 목록, 방명록 등 모든 부분이 치환자로 구분되어 들어 있는 구조 였습니다. 

 

댓글을 수정할때는 방명록 영역과 구조가 유사하므로 위치가 헤깔리지 않도록 주의해서 작업해야 할것 같습니다.

반응형