티스토리 본문 더 보기 버튼만들기

포스팅을 할 때 자세한 설명을 넣을 경우 너무 길어져서 보는 이의 스크롤의 압박을 피하거나 별도의 내용을 덧붙이고 싶을 때 유용한 하게 사용하 실 수 있습니다.

아래 사용 예를 보시면, 와우정사에 대한 간단한 설명 후 더 많은 것을 원하는 사람은 더보기를 눌러 와우정사의 자세한 설명을 볼 수 있도록 꾸며져 있습니다.

위의 캡쳐화면에서 '와우정사 더 알아보기'를 클릭 할 경우 아래와 같이 와우정사에 대한 설명글이 나타나게 됩니다.

사용예를 보았으니 이제 어떻게 만드는지 확인 해 보도록 하겠습니다.

에디터 창의 위쪽에 아래와 같이 더보기 메뉴가 있습니다.

클릭을 하시면 아래와 같이 열기 문구와 닫기 문구를 수정 하실 수 있는 창이 나타나게 되고 수정한 후 확인을 클릭하시면 됩니다.

확인을 누르시면 아래와 같이 본문에디터 하는 곳에 입력창이 나타나게 되고 입력을 하시면 됩니다.

입력 후 미리보기를 하시면 아래와 같이 적용되어 있음을 확인 하실 수 있습니다.

본문 더보기 예시입니다.

1

2

3

4

5