간단한 북클럽 스킨 접은글 배경색 변경법

최근 블로그 글을 작성하면서 접은글 기능을 자주 활용하게 된다.

글의 가독성을 떨어트리고 전체적인 흐름에 방해가 되지만

적어두고 싶은 상세한 내용, 긴 Code 등을 적어두는데 아주 유용하다.

 

접은글에 배경색이 없고, 제목을 지정할 수 없는 것이 아쉬워서 여러 방법을 찾다가 

제일 간단한 방법을 찾았다. 

  

- 배경색 변경

:  블로그 스킨 편집 메뉴에서 CSS에 아래의 코드를 추가한다.

배경 색상이랑 padding 정도는 취향에 맞추어 조절하면된다.

.moreless-content{
	padding : 10px;
	background-color: #f0ecec;
}

 

- 제목 변경

: 글 작성 시마다 'HTML' 모드에 들어가 'moreLess' 로 검색해서 "더보기", "닫기" 부분을 원하는 제목으로 대체해준다.

블로그 글 작성중에 우측 상단에 메뉴가 있다.

 

<div data-ke-type="moreLess" data-text-more="(더보기) 접은글 제목, 배경색 적용" data-text-less="(닫기) 접은글 제목, 배경색 적용"><a class="btn-toggle-moreless">더보기</a>
<div class="moreless-content">

위와 같이 적용한 결과는 아래와 같다.

접은글 설정 변경 

 

 

완성!