워드프레스 더보기, 요약글, 글 접기/펼치기

글을 쓰다 보면 부연 설명을 하는 경우가 생기게 되는데, 부연 설명이 길면 전체 글의 흐름이 한 눈에 안 들어와서 가독성이 떨어지고, 독자들이 이미 알고 있는 내용이거나 별로 알고 싶지 않은 복잡한 내용을 읽게 돼서 불편함을 줄 수 있습니다.

하지만, 부연 설명을 기본적으로 접어두었다가 독자가 원할 때 읽을 수 있도록 하는 기능이 있다면 가독성과 편리함을 높이는데에 도움이 될 것입니다.

이번 글에서는 워드프레스 더보기, 요약글, 글 접기/펼치기를 만드는 방법에 대해서 알아보겠습니다.

 

 

 

 

 

1. 코드

아래 코드를 HTML에 입력하시면 다음과 같이 더보기가 생깁니다.

<details>
<summary>펼치기 전에 보이는 텍스트.</summary>
<p>펼친 후에 보이는 텍스트.</p>
</details>

펼치기 전에 보이는 텍스트.

펼친 후에 보이는 텍스트.

 

 

 

 

 

2. 플러그인

 

2.1. Collapse Magic

 

Collapse Magic은 페이지에 (접을 수 있는) ‘더 보기’ 텍스트를 쉽게 표시할 수 있는 방법을 제공하는 플러그인입니다.

이 플러그인은 collapse-o-matic과 같은 다른 플러그인의 대안으로, 페이지 콘텐츠를 변경할 필요 없이 직접 대체하여 사용할 수 있습니다.

 

플로그인 설정 창에서 다음과 같이 설정을 하고

 

위에 이미지와 같이 코드를 HTML이 아닌 비주얼 창에서 입력해도 아래와 같이 더보기가 생성됩니다.

 

 

 

 

 

마치며

여기까지 워드프레스 더보기, 요약글, 글 접기/펼치기를 만드는 방법에 대해 알아보았는데요.

혹시 이에 대해 더 유용한 정보가 있다면 알려주시면 감사하겠습니다.

---

읽어주셔서 감사합니다.

도움이 되셨다면 아래 공감 버튼(❤)을 눌러주시면 감사하겠습니다.

공감 버튼은 저에게 큰 힘이 되고 콘텐츠의 방향성을 잡는 데에도 도움이 됩니다.

구글 검색 키워드(첫 페이지 순) : 워드프레스 글 펼치기, 워드프레스 텍스트 펼치기, 워드프레스 더보기, 워드프레스 요약글, 워드프레스 돋보기

본 글의 이미지 최적화 : 완료