접은글 꾸미기

(네이버 블로그랑 비교해을 때) 티스토리는 접은 글로 글을 구분할 수 있어서 좋은 줄 알았는데,,,, 내가 봤던 블로그들에선 다 접은 글이 잘 구분되었던 것 같은데, 내가 적으니까 표시가 안됐다.... 이것도 따로 설정을 해줘야 하는 것 같다....

찾아보니, 티스토리가 2년 전에 에디터를 새롭게 업데이트되어서 내가 찾아본 블로그들이 도움이 되지 않았다....

- 검색해서 바로 나오는 블로그 글도 안 됨.... HTML의 script 추가.... 적용 안 됨... https://blog.siyeol.com/50

- 블로그 관리에서 구버전을 선택할 수 없었다.... https://rankro.tistory.com/291

- /admin/entry/post 추가해도 신버전 강제 사용 ... https://avada.tistory.com/2165

 

사용한 방법은 CSS에만 추가해주기! 참고) https://rgy0409.tistory.com/3281

다만, 해당 파일로 적용이 안됐는데, 아래처럼 클래스 이름을 moreless-content로 변경해주니까 가능했다.

(개인적으로 border, padding, border-radius, background-color를 수정했다.)

border 관련 : https://www.codingfactory.net/10620

border 속성 : http://tcpschool.com/css/css_boxmodel_borders

헷갈리는 margin, padding 차이 : https://ofcourse.kr/css-course/margin-padding-%EC%86%8D%EC%84%B1

btn-toggle-moreless도 추가해주었다.

 

다만, btn-toggle-moreless에서 왜 글자 색이 변경이 안되는 지 모르겠다.

color로도 적용이 안 되고, text-decoration-color로도 변경이 안된다...

 

+ 접은글을 봤을 때, 더보기 명 대신 제목을 입력하려면 HTML로 변경해서 태그 안에 있는 "더보기" 대신에 원하는 이름을 넣어주면 된다.

 

+아래 방법은 글 쓸 때마다 HTML 모드에서 변경해주는 다소 번거로운 방법....

글 작성 중 "기본 모드"에서 "HTML" 모드로 바꿔서

"더보기" 항목 안에 있는 div에 style="" 추가

참고) https://yoonstone-games.tistory.com/9