[기능] 티스토리 접은 글 위치 변경하기

2019. 9. 18. 00:35IT/Blog Customize

접은 글 위치 변경

지난 포스팅에서 접은 글 기능의 텍스트를 변경하는 방법을 다루었는데 댓글에서 접기 버튼이 접은 글 뒷부분에 나오도록 수정이 가능한지 묻는 댓글이 있어 확인해본 후 해결하여 스크립트를 작성하였습니다.

 

※ 지난 글

 

[개발] 티스토리 접은 글 텍스트 변경하기

접은 글 텍스트 변경 티스토리 블로그를 이용하면 서 접은 글 기능을 이용하는 경우가 가끔 있는데 접은 글이 본문에서 ...더보기와 접기로 밖에 나타낼 수 없다는 점을 파악하고 해당 텍스트를 수동으로 변경할..

blog.siyeol.com

 

결과물

접은 글 위치 수정 스크립트 적용 후
접은 글 위치 수정 스크립트 적용 전

스크립트 삽입 방법

스크립트를 삽입하기 위해서는 블로그 관리 > 스킨 편집 > HTML 편집으로 접속하시면 됩니다.

블로그 관리 > 스킨 편집 > HTML 편집

HTML 편집에서 head 태그 내부의 script 태그에 아래 코드를 붙여 넣습니다.

// 접은 글 닫기 위치 변경 스크립트
$(document).ready(function(){
	$(".btn-toggle-moreless").after().each(function(){
		$(this).parent().find(".moreless-content").first().after($(this));
	});
});

위 스크립트를 추가하고 적용하면 접은 글을 펼친 후 닫기 버튼이 접은 글의 하단에 위치하게 됩니다.

 

※ 본 게시물을 따라 하던 중 궁금한 점 혹은 티스토리 커스터마이징 제안 사항이 있으시면 자유롭게 댓글 남겨주세요.