Slow and steady wins the race

Tips

[블로그/수식] tistory 더보기 사용법 및 활용

늘보의 빠르기 2023. 2. 2. 01:40

1. 더보기 만드는 법

아래와 같은 더보기를 만들어보자.

더보기

이 영역은 더보기 영역입니다.

 

tistory 블로그에서 더보기를 사용해보자. 아래와 같이 접은글을 사용하면 된다.

 

접은글을 선택한다면, 아래와 같이 영역이 나올 것이고, 여기에 글을 적으면 된다.

 

 

2. 더보기 활용법

더보기의 글도 다음을 통해 다음과 같이 변경할 수 있다.

더보기

더보기를 더봐보자로 바꿀 수 있다.

 

HTML 모드로 들어가보자.

 

더보기 닫기를 원하는 단어로 바꾸면 된다.

 

완성이다.

 

3. 더보기 박스표시 유지

더보기

더보기다.

 

위와 같이 더보기 박스 표시를 유지하고 싶다면, 다음과 같은 방법을 사용해보자. 접은글을 만들고, HTML이 들어가서 접은글 만든 위치로 가보자. 아래 그림에 줄치어진 부분에 아래 코드를 복붙해보자.

<div style="margin: 20px 0px; caret-color: auto; background-color: #fafafa; padding: 20px 20px 22px; border: 1px dashed #c5c5c5; color: #333333;" data-ke-type="moreLess" data-text-more="더보기" data-text-less="닫기"><a class="btn-toggle-moreless">더보기</a>

 

완성이다.

 

출처:

https://enjoyk.tistory.com/4

https://vegatrash.tistory.com/37