본문 바로가기
Blog Adsense Youtube/Blog & Adsense

티스토리 EGG스킨 발행날짜 변경 jquery 자바스크립트 .text();

by 알 수 없는 사용자 2020. 11. 23.

목차

    티스토리 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 스킨에서는 위와 같이 적용하면 된다.

    검스 각선미

    반응형

    댓글