IJMuAN02pVKE2uZHXG2JnZAHGfjon49GBXjko1rk

블로그스팟 날짜형식 수정 방법 YYYY-MM-DD

블로그스팟 해외 테마를 사용하다보면 우리와 다른 날짜 표기형식을 사용하다보니 마음에 안들때가 있습니다. 저도 해외 테마를 즐겨 사용하다보니 기능은 좋지만, 이런 부분들이 다소 번거로운데요!

아쉽지만, 테마 HTML 코드 변경을 통해서 딱 한번만 수정하고 계속 잘 사용해보도록 하겠습니다 😅

참고로 이 글은 제가 추천테마로 공유해드린 Fiksioner 테마 기준으로 작성된 글임을 알려드립니다. 

블로그스팟 날짜형식 수정 방법

해외 테마의 경우 날짜 표기가 30 08월 2024 이런식으로 나올 때가 있습니다.

블로그스팟 해외테마의 날짜형식

설정에서 서식 > 날짜 헤더 서식을 바꿔봐도 테마에서는 꿈쩍도 안합니다. 왜냐하면 테마에 직접적으로 날짜형식이 입력되어 있기 때문에 연동이 안되는건데요...

우선 테마 > 맞춤설정 > HTML 편집 메뉴로 이동하겠습니다.

블로그스팟 테마 HTML 수정

HTML 편집 메뉴로 이동했다면, 컨트롤(Ctrl)+F 키를 눌러서 찾기(Search)메뉴를 활성화 합니다.
그리고 <b:includable id='postTimestamp'> 이 코드를 복사해서 붙여넣기하고 엔터를 칩니다.

<b:includable id='postTimestamp'> 찾기

엔터를 치게되면 테마 본문에서 3군데 정도 찾기된 결과를 확인할 수 있습니다.
(Fiksioner 테마 기준 : 스크롤바 오른쪽에 보시면 노란색 선으로 3군데 표시된 것을 확인)
  1. 포스트 목록 페이지의 날짜
  2. 단일 포스트 페이지의 날짜
  3. 최종 수정 날짜 (있는 경우)
이제 이렇게 3군데가 확인되었으니 기존 코드를 대체하여 수정 코드를 알려드리겠습니다.

블로그스팟 날짜형식 수정 코드

1) 기존코드

<b:includable id='postTimestamp'><b:tag class='post-timestamp' expr:name='data:view.isMultipleItems ? &quot;span&quot; : &quot;div&quot;'><b:class cond='data:view.isPost' name='tx-m'/><data:byline.label/> <time expr:class='format(data:post.date, &quot;d MMMM YYYY&quot;) != format(data:post.lastUpdated, &quot;d MMMM YYYY&quot;) ? &quot;published&quot; : &quot;published updated&quot;' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'><b:eval expr='data:view.isPost ? format(data:post.date, &quot;d MMMM YYYY&quot;) : format(data:post.date, &quot;d MMM YYYY&quot;)'/></time><b:include cond='data:view.isPost' data='{ items: &quot;location&quot; }' name='headerBylineOverride'/></b:tag></b:includable>

2) 변경코드

<b:includable id='postTimestamp'><b:tag class='post-timestamp' expr:name='data:view.isMultipleItems ? &quot;span&quot; : &quot;div&quot;'><b:class cond='data:view.isPost' name='tx-m'/><data:byline.label/> <time expr:class='format(data:post.date, &quot;yyyy-MM-dd&quot;) != format(data:post.lastUpdated, &quot;yyyy-MM-dd&quot;) ? &quot;published&quot; : &quot;published updated&quot;' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'><b:eval expr='data:view.isPost ? format(data:post.date, &quot;yyyy-MM-dd&quot;) : format(data:post.date, &quot;yyyy-MM-dd&quot;)'/></time><b:include cond='data:view.isPost' data='{ items: &quot;location&quot; }' name='headerBylineOverride'/></b:tag></b:includable>

총 3군데의 기존 코드를 삭제하고, 변경 코드를 붙여넣기 하면 됩니다.

블로그스팟 날짜형식 수정 결과

이렇게 코드를 변경하면 YYYY-MM-DD 형식으로 날짜형식이 변경됩니다.