[기능] 티스토리 접은 글 위치 변경하기
2019. 9. 18. 00:35ㆍIT/Blog Customize
접은 글 위치 변경
지난 포스팅에서 접은 글 기능의 텍스트를 변경하는 방법을 다루었는데 댓글에서 접기 버튼이 접은 글 뒷부분에 나오도록 수정이 가능한지 묻는 댓글이 있어 확인해본 후 해결하여 스크립트를 작성하였습니다.
※ 지난 글
[개발] 티스토리 접은 글 텍스트 변경하기
접은 글 텍스트 변경 티스토리 블로그를 이용하면 서 접은 글 기능을 이용하는 경우가 가끔 있는데 접은 글이 본문에서 ...더보기와 접기로 밖에 나타낼 수 없다는 점을 파악하고 해당 텍스트를 수동으로 변경할..
blog.siyeol.com
결과물
스크립트 삽입 방법
스크립트를 삽입하기 위해서는 블로그 관리 > 스킨 편집 > HTML 편집으로 접속하시면 됩니다.
HTML 편집에서 head 태그 내부의 script 태그에 아래 코드를 붙여 넣습니다.
// 접은 글 닫기 위치 변경 스크립트
$(document).ready(function(){
$(".btn-toggle-moreless").after().each(function(){
$(this).parent().find(".moreless-content").first().after($(this));
});
});
위 스크립트를 추가하고 적용하면 접은 글을 펼친 후 닫기 버튼이 접은 글의 하단에 위치하게 됩니다.
※ 본 게시물을 따라 하던 중 궁금한 점 혹은 티스토리 커스터마이징 제안 사항이 있으시면 자유롭게 댓글 남겨주세요.
'IT > Blog Customize' 카테고리의 다른 글
[기능] 티스토리 접은 글 위치 변경하기 (7) | 2019.09.18 |
---|---|
[기능] 티스토리 접은 글 텍스트 변경하기 (49) | 2019.09.17 |
[스킨] 티스토리 Portfolio 스킨 수정하기 (커버에 링크 연결하기) (2) | 2019.08.30 |
[스킨] 티스토리 Portfolio 스킨 수정하기 (게시물 커버 변경) (6) | 2019.08.29 |
와...최고예요...!
적게 일하시고 많이 버세요
ㅋㅋㅋㅋ 감사합니다!
안녕하세요 ㅠㅠ 좋은 코드 감사합니다! 혹시 접은 글 기능을 상단과 하단에 모두 위치하게 만들 수 있는 방법이 있을까요? 열심히 찾아봤는데 도저히 해내지 못해서 전문가의 도움을… 구합니다 ㅠ 더보기 제목 바꾸는 코드도 유익하게 봤어요!!!
버튼이 위 아래 모두 나왔으면 하시는건가요?? 완전 가능합니다!
혹시 상하 모두 위치하게 만들려면 어떤 코드를 적용시켜야하는지 물어볼 수 있을까요? 블로거님 글 덕분에 많이 도움받고 있습니다. 감사드립니다.
저도 위아래 모두 버튼이 표시되도록 하는 방법 궁금합니다! 부탁드려요 ㅜ 감사합니다.
안녕하세요! 해당 코드를 복사해야 하는 위치가 정확히 어디인지 여쭐 수 있을까요?
본문 코드 전체를 복사해야 하는 것인지, 일부분만 복사해야 하는 것인지, 한다면 그 위치가 정확히 어디인지.. 몇 번 시도해 봤지만 도저히 모르겠어서 댓글 남겨요 ㅠㅠ