티스토리 날짜 표시 형식 자동 바꾸기 구현

반응형

티스토리의 기본 날짜 표시 형식은

2019.01.01 12:60

으로 표시되는게 기본입니다.

"시간:분" 까지 표시되기 때문에 가끔 글을 올리는 블로거들에게는 불필요한 부분입니다.

목록이나 썸네일에는 더 필요가 없습니다.

내가 새벽 3시에 글을 올린걸 알릴 필요까지는 없으니까...

자바스크립트를 이용해 "시간:분" 을 잘라서 버려주는 소스들이 있는데

치환자별로 각각 적용을 해야해서 전체 블로그에 적용하기에는 손이 많이 갑니다.

블로그 소스도 지저분해지고...

치환자와 무관하게 간단하게 날짜 형식을 다음 자바스크립트로 간단하게 변경할 수 있습니다.

  //2019.01.01 포맷으로 날짜 일괄 변경.

  //치환자에 .datetime 클래스 적용해야 함.

  var ymds = $('.date, .datetime');

  $.map(ymds, function(ymd, idx){

    return $(ymd).html($(ymd).html().substring(0,10));

  })

// 붙은 주석문은 필요없으면 버리고...

스크립트를 "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