목차
티스토리 EGG스킨 발행 날짜 변경 jquery 자바스크립트
왜 때문에 무엇 때문에 바꿔야 할지는 바꾸고 싶은 사람만이 알 것이지만...
나는 개인적으로 검색 결과에서 누락된 블로그의 과거에 발행했던 글이 아까워서 새로 블로그를 만들어 옮길 때가 많다.
그런데, 도저히 시점상 몇 년 된 글을 최신 글인 것처럼 올리기는 양심에 거리끼기도 한다.
검색엔진에서 최신 글로 검색이 되는 것 까지야 어쩔 수 없지만, 최소한 내 글을 볼 때는 이 글이 어 좀 오래된 글이네? 하는 정도는 알려줘야 한다고 생각되어서 이 스크립트를 종종 쓰곤 한다.
원리는 간단하다. jquery의 $('selector'). text(); 를 이용하는 방법이다.
글 중에 특정 날짜를 주고 특정 클래스를 부여한다.
클래스를 주기 싫다면, 유일한 서식을 갖게 해서 해당 서식만 타게팅을 할 수도 있다.
클래스명을 아예 입력한 서식을 만들어두고 그 서식에 날짜를 적어도 괜찮다.
예컨대 다음과 같이 말이다.
<p class="pastDate">2014.01.01. 11:11</p>
그러면 다음과 같은 jquery를 만들어서 스킨의 html </body> 앞쯤에 올려놓으면 된다.
<script>
$(document).ready(function(e) {
if($('.pastDate').text()) {
$('time').html('<i class="icon-clock icons"></i> '+$('.pastDate').text());
}
});
</script>
이 스크립트는 티스토리 EGG에서만 먹힌다.
다른 스킨들은 발행일자를 주로 특정 span에 date라는 클래스를 주어서 구분하는데 반해 EGG 스킨만큼은 time이라는 태그를 사용하고 시계 아이콘이 앞에 붙게 디자인되었기 때문이다.
<script>
$(document).ready(function(e) {
if($('.pastDate').text()) {
$('.post-meta span.date').text($('.pastDate').text());
}
});
</script>
티스토리 반응형 스킨 중에서 많이 사용되는 Whatever 스킨에서는 위와 같이 적용하면 된다.
반응형
'Blog Adsense Youtube > Blog & Adsense' 카테고리의 다른 글
티스토리 반응형 스킨 Square 모바일 CSS수정 구글 Adsense광고 영역 확보. (0) | 2020.12.20 |
---|---|
티스토리블로그 반응형 웹스킨 패스트부트 1.6.1 스킨 ie7, ie8에서 제이쿼리 jquery 오류 해결방법. (0) | 2020.12.18 |
티스토리 새에디터 코드 하이라이트 스타일 적용 cdn (0) | 2020.11.21 |
티스토리 반응형 스킨 커버화면에 애드센스 광고 삽입하기 (0) | 2020.11.04 |
다음 검색 SEO 노출 잘되는 블로그 글 작성 방법 (0) | 2020.10.25 |
댓글