티스토리의 기본 날짜 표시 형식은
2019.01.01 12:60
으로 표시되는게 기본입니다.
"시간:분" 까지 표시되기 때문에 가끔 글을 올리는 블로거들에게는 불필요한 부분입니다.
목록이나 썸네일에는 더 필요가 없습니다.
내가 새벽 3시에 글을 올린걸 알릴 필요까지는 없으니까...
자바스크립트를 이용해 "시간:분" 을 잘라서 버려주는 소스들이 있는데
치환자별로 각각 적용을 해야해서 전체 블로그에 적용하기에는 손이 많이 갑니다.
블로그 소스도 지저분해지고...
치환자와 무관하게 간단하게 날짜 형식을 다음 자바스크립트로 간단하게 변경할 수 있습니다.
// 붙은 주석문은 필요없으면 버리고...
스크립트를 "script.js" 파일 또는 사용하는 스킨의 자바스크립트 파일에 붙여 넣으면 됩니다.
기본적으로 티스토리 공식 스킨들은 날짜 형식 치환자의 클래스로 "date" 가 기본 적용되어 있습니다.
저는 추가적으로 "datatime" 클래스를 커버글 등에 구분해서 적용하기 위해 사용합니다.
본인만의 클래스를 정의해 적용하려면
$('.date, .datetime');
요 부분에 콤마롤 구분해 클래스를 추가해주면 됩니다.
예를들면
템플릿 소스에
<span class="date">[##_notice_rep_date_##]</span>
이렇게 날짜 형식 치환자에 클래스를 적용해서 블로그에 표시를 하게 됩니다.
티스토리에서 템플릿에서 사용하는 날짜 형식 치환자들은 다음과 같습니다.
[##_cover_item_date_##] 메인페이지 커버글 날짜
[##_notice_rep_date_##] 공지사항 날짜
[##_article_rep_date_##] 글 본문 글쓴 날짜(목록, 본문, 보호글, 페이지)
[##_list_rep_regdate_##] 글 목록 글쓴 날짜
[##_article_related_rep_date_##] 글 더보기 날짜
[##_guest_rep_date_##] 방명록리스트 날짜
[##_rp_rep_date_##] 댓글 쓴 날짜
[##_rctrp_rep_time_##] 댓글 쓴 날짜 - 신 모듈
예를들어 메인페이지 커버글에 날짜를 표시하는 경우
<span class="datetime">[##_cover_item_date_##]</span>
이렇게 치환자를 적절한 위치에 추가해주면 위의 자바스크립트 코드가 자동으로
2019.01.01
형식으로 페이지 로딩 후 전체 변경을 자동으로 해줍니다.
'티스토리스킨 > 스킨 활용&패치' 카테고리의 다른 글
광고차단앱(애드블록) 디텍터로 티스토리 블로그에 광고차단 해제 안내 문구를 표시하기 (0) | 2019.02.07 |
---|---|
티스토리 이미지 썸네일 치환자 완벽정리 (15) | 2019.02.07 |
티스토리 글을 최근 작성 글로 끌어올리기 (0) | 2019.02.02 |
티스토리 신스킨 커버 슬라이드 배너 자동 로테이션 구현하기 (9) | 2019.01.28 |
티스토리 날짜 표시 형식 자동 바꾸기 구현 (2) | 2019.01.17 |
GIF 이미지 파일 없이 투명 이미지 만들어 쓰기 (0) | 2018.12.01 |
IE9 이하 전용으로 CSS 클래스를 예외 처리하는 방법 (0) | 2018.12.01 |
CSS로 만드는 입체 텍스트 효과 (0) | 2018.10.25 |
웹브라우저별 CSS 호환성을 확인해보자. (2) | 2018.10.25 |
apost 님!
좋은 정보 공유 감사합니다.
블로그 수정하는 용도로만 사용하겠습니다.
감사합니다.^^/