본문 바로가기

티스토리스킨/팁.활용.확장

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

반응형

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


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 


형식으로 페이지 로딩 후 전체 변경을 자동으로 해줍니다.





반응형

닫기