티스토리에서 [더보기] 기능, 워드프레스에서는 어떻게 ?

[더보기]기능은 여러 가지 목적으로 유용하게 사용할 수 있는 기능이다. 티스토리 같은 경우 [더 보기] 기능에 해당하는 기능 (접은글 기능)이 기본 탑재되어 있어서 쉽게 사용할 수 있다. 워드프레스에서 이런 기능을 사용하기 위해서는 어떻게 해야 할까?

 

티스토리에서 [더보기] 기능

티스토리에는 [더보기 기능이 기본 탑재되어 있다. [접은글] 기능이 그것이다.

티스토리에서 [더보기]기능 적용하는 방법

아래 티스토리 편집에서 … 부분을 클릭하면, [접은글] 메뉴가 나온다. 이것을 이용하면 된다.

아래 티스토리 편집 메뉴에서 초기에 감추고 싶은 보충설명내용을 블록으로 선택한 후에 […] 메뉴에서 [접은글]기능을 선택하면 된다.

접은글 기능을 선택하면 편집화면에서 아래와 같은 모양으로 바뀐다.

이 상태로 저장을 하고 미리보기를 해 보면 아래와 같이 보인다.

이 화면상태에서 [더보기]를 클릭하면 감췄던 내용이 아래와 같이 보이게 된다.

위의 화면에서 보는 것처럼, 숨겨졌던 내용이 보이게 된다.

이렇게 보이는 형식은 티스토리에 적용한 스킨에 따라서 세부 표현방식은 다르지만 작용 방식이나 기본적이 형태는 같다.

티스토리에서 [더보기]기능 해제하는 방법

다시 편집 화면으로 들어가서, 감추고 싶은 내용을 블록 선택을 하고 이 […] 메뉴에서 [접은글]기능을 선택하면 된다.

그러면 접은글로 표시되었던 점선 박스가 사라진다.

이 상태로 저장을 하고 다시 미리보기를 하면, 아래와 같이 [접은글] 기능이 적용 안된 상태로 보여지게 된다.

티스토리는 이처럼 접은글 기능이 기본 내장되어 있어서, 쉽게 적용할 수 있다. 자신이 사용하는 스킨 종류에 따라서 표현 방식만 조금씩 다르다.

 

워드프레스에서 ‘더보기’ 기능 구현 방법

티스토리에 기본 탑재되어 있는 기능을 워드프레스에서 구현해 보려고 티스토리의 CSS 내용을 분석해서 워드프레스에 적용하는 방법도 가능은 하겠다. 하지만 HTML이나 CSS에 익숙하지 않다면 쉽지 않은 일이다.

다행히, 이러한 기능을 제공하는 워드프레스의 플러그인이 있다. “Collapse-O-Matic” 라는 플러그인이다

 

관련해서 세부 내용은 아래 링크 참조.

https://okepapa.com/?p=4871

워드프레스에서 더보기, 요약글, 접기/펼치기 기능 사용 방법 - 오케파파(OKePaPa)의 세상