티스토리의 방명록과 댓글이 몇달전 치환자로 구조 변경이 되었다. 구조가 간단해져서 좋긴 한데.. 보여지는 화면이 영 이상하다.
이건 최신순도 아니고 그렇다고 과거순도 아니고.. 애매하다.
그래서 최근 순서로 배열을 바꿔보려고 한다.
방법은 아주 간단하다.
기존의 방명록 화면
방명록 HTML 구조
이 구조가 방명록과 댓글이 동일하다. 그래서 방명록의 순서를 변경하면 댓글도 함께 변경된다.
그래서 방명록의 상위 요소부터 지정을 해줘야 방명록만 순서 변경이 가능하다.
위 화면에서는 맨 처음 보이는 id="entry0Comment 와 ul 요소를 지정할것이다.
CSS 변경하기
1. 우선 티스토리 관리자 화면에서 스킨편집 화면으로 가서 오른편 화면 상단에 html 편집을 클릭한다.
2. 상단의 CSS 를 선택한다.
3. CSS 편집화면에서.. 아래의 문구를 추가한다.
#entry0Comment .tt-list-reply{display: flex; flex-direction: column-reverse}
4. 적용하기를 클릭한다.
적용하기를 선택하면 아래와 같이 방명록 글의 순서가 최신 순서로 바뀐다.
변경된 화면
