티스토리 블로그 더보기글 만드는 방법 (간단하게 글을 정리해보자!)

뿅! 어때요 신기하죠?

위의것 처럼 클릭하면 더보기글이 나타나는 문구를 만드는 방법을 알려드리겠습니다.

1. 접은글 만들기.

더보기란 -> 접은글 클릭시 바로 만들 수 있습니다. 안에는 텍스트나 이미지같은 요소를 넣을 수 있습니다. 

2. 접은글 텍스트 바꾸기.

그런데 정작 만드니 기능은 잘되는데 텍스트가 더보기 라고밖에 나타나지 않죠?

위의 더보기처럼 좀더 알아보기 쉽게 수정한다면 글을 읽을때 더 도움이 될테니 한번 알아봅시다!

(1). 기본모드 -> HTML

(2). data-text-more="텍스트" 이런식으로 입력하시면됩니다. 다른 상황같은 경우에도 코드들을 보고 당황할 필요 없이 코드들은 규칙이 다있기에 대충 보고 수정하시면 됩니다.

 

3. 다른 방법.

추가로 구글링하면서 찾은것들을 정리해보았습니다. 취향에 따라 사용해보세요! html말고 다르게 더 꾸며주는 방법도 있을테지만 이정도면 충분한것같네요 알고싶긴하지만

 

내용

<div><input type="button" value="더보기" />
<div style="display: none;">내용</div>
</div>

더보기

내용

<details>
<summary>더보기</summary>
<div>내용</div>
</details>