티스토리 댓글 최신정렬 근본적으로 해결 그리고 한 김에 수정/삭제 기능 복구.

사용하는 스킨에 따라 설정에서 해결할 수 있다.

하지만 이번에 사용하는 스킨에서는 설정 안에는 없었다. 그래서 예전에 잠깐 해결 방법을 찾기 위해 구글링을 해봤었는데... 대부분 class=“comment-list”, 즉 css에

display: flex;
flex-direction: column-reverse;

이것을 기입하라는 해결책만 제시하는 것이다.

티스토리에서 제공하는 반응형 웹스킨은 좀 다르더라구....

다른 웹페이지는 모르나 반응형 웹스킨에서 comment-list가 <div>에 적용돼 있었다.

위에서 제시한 이것은 리스트에서만 적용되는 구문이다. <ul>이라든지 <li> 등에서만 적용 가능하다..

반응형 웹페이지의 스킨을 잠깐 보자면,

<div class="comment-list">
<ul>
<s_rp_rep>
<li id="">

이렇게 되어 있는데, 여기다 css에 아무리 이것을 기입해도 아무 변화 없는 것은 당연하다.

여기다 적용할css구문도 없더라구...

css에서 comment-list를 찾으면

.comment .comment-list{
}

는 찾을 수 있었지만 <div>에 적용돼 있음으로 이것을 집어넣어도 아무 변화 없다..

그럼 <ul>에 class를 집어넣으면 되지 않느냐...

세상살이가 그렇게 쉽다면 얼마나 좋겠는가? 하지만 작성자가 어떻게 css를 구성하였는지 적용하였더니, 프로필 아이콘만 디빵 커지는 것이다.

사실, 왠만하면 css를 작성할 때 막연하게 작성하면 안 된다.. 구체적으로 어떤 태그에 적용할지 구체적으로 작성하는 것이 나중에 코드가 꼬이지 않는다.

그런 의미에서,

.comment .comment-list ul{
}

이 정도 작성하고 이 안에 이것을 넣어주면 제대로 적용된다.

컴맨트 클래스 안에 컴맨트 리스트 안에 <ul>에 적용하는 디자인.

자, 이제 다음으로 넘어갈까?

이번 스킨은 정말로 무료라고 해서 대충 만든 티가 팍팍 난다.(이.( 식기가 지꺼아니라고 대충.)

각 댓글을 보면 ‘‘댓글 주소 수정/삭제’가 오른쪽 위에 존재한다. 하지만 화면의 가로를 줄이면 이 것이 사라지는 것이다. 물론 티스토리는 별도로 모바일을 지원해 주기 때문에 일반적이라면 크게 상관이 없다. 하지만, 필자가 사용하고 있는 것은 어디까지나 반응형 웹페이지임으로 화면이 축소됨에 따라 수정/삭제 기능이 사라지면 이 것을 애용하는 사람들은 모바일에서 불편함을 초래한다. 본디 사라 질 이유가 없는데 사라지는 것을 보고 css를 유심히 살펴보니 css에서 ‘display:none;’이라는 코드를 찾을 수 있었다.