반응형
티스토리에서 스킨 업데이트하면서 <s_list_empty>라는 치환자를 추가했다는 것을 알았다. 업데이트된 치환자는 블로그에서 검색 등을 하여 결과가 안 나오면 결과에 대한 안내가 나오는 영역을 정의하는 것이었다. 그래서 이 블로그에서 사용하는 스킨을 내가 직접 만들었으므로 적용해봤다. 검색 후 결과가 안 나오면 아래와 같이 나오게 하는 것이다. 참고로 이 블로그 스킨을 변경하기 전 아래처럼 나왔었다.
위에서 적은 치환자인 <s_list_empty>는 검색에만 해당되는 것이 아니라 태그, 글보관함, 카테고리에 모두 해당한다. 아래 링크를 클릭하면 결과에 대한 안내문이 나올 것이다.
- 태그 : https://min-blog.tistory.com/tag/ㅌㅅㅌㄹ
- 글보관함 : https://min-blog.tistory.com/archive/2009
- 카테고리 : https://min-blog.tistory.com/category/비공개
<s_list_empty></s_list_empty> 영역에 결과에 나올 내용을 적으면 되는 것이었다. 나는 이 블로그 스킨에 아래처럼 정의했다. 영역에 나오는 문구는 티스토리에서 제공하는 스킨인 Book Club에 나오는 문구를 사용했다.
검색 결과가 없을 때 나오는 문구는 위 빨간색 사각형 상자처럼 정의했는데, 그때 나머지 문구가 나오지 않기 위해 아래처럼 CSS에 정의했다. 이 블로그 스킨에 Body id를 사용하기 때문에 검색 결과에 나오는 페이지에 태그, 카테고리, 글보관함에 대한 메시지는 CSS의 display:none으로 보이지 않게 했다. 참고로 티스토리 블로그 스킨의 body id에 대해서는 구글 등 검색을 찾아 사용법을 배우기 바란다.
'블로그 > HTML. CSS. 스크립트' 카테고리의 다른 글
CSS로 그라디언트 만들기 (0) | 2021.06.17 |
---|---|
다른 방식으로 유튜브를 동영상 배경으로 사용 (0) | 2021.04.12 |
애니메이션 카테고리 (0) | 2019.07.01 |
HTML5에서 취소선 태그 (0) | 2019.04.17 |
글에 유튜브동영상배경 넣기 (2) | 2018.03.06 |
티스토리, 관리자댓글에 특정문구 추가 (0) | 2018.02.27 |
티스토리 글,댓글,방명록에 자동링크 (3) | 2017.06.29 |
css:before를 티스토리에서 사용했다. (0) | 2017.05.25 |