Contents
▼동양과 서양권의 역사적 배경과 생활방식에서 차이가 있어서 시간표기 형식도 다른데 아쉽지만, 테마 HTML 코드 변경을 통해서 딱 한번만 수정하고 계속 잘 사용해보도록
하겠습니다 😅
블로그스팟 날짜형식 수정 방법
해외 테마의 경우 날짜 표기가 "10 Feb 2024" 이런식으로 나올 때가 있습니다. 확실히 연/월/일 방식을 사용하는 우리나라 사람들이 보기에는 조금 어색합니다.
설정에서 서식 > 날짜 헤더 서식을 바꿔봐도 테마에서는 꿈쩍도 안하는데요~ 왜냐하면 테마에 직접적으로 날짜형식이 입력되어 있기 때문에 연동이
안되기 때문입니다.
그래서 간단한 자바스크립트를 추가해서 강제로 날짜 형식을 수정하도록 하겠습니다.
먼저 아래 코드를 복사해주세요!
<script>
// 모든 time 요소를 찾아서 날짜 형식을 변경
document.addEventListener('DOMContentLoaded', function() {
function formatDateToKorean(dateStr) {
const date = new Date(dateStr);
const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
return `${year}년 ${month}월 ${day}일`;
}
// published와 updated 클래스를 가진 모든 time 요소를 찾아서 변경
const timeElements = document.querySelectorAll('time.published, time.updated');
timeElements.forEach(timeElement => {
const originalDate = timeElement.getAttribute('datetime');
if (originalDate) {
timeElement.textContent = formatDateToKorean(originalDate);
}
});
});
</script>그리고 테마 > 맞춤설정 > HTML 편집 메뉴로 이동하겠습니다.
HTML 편집 메뉴로 이동했다면, 컨트롤(Ctrl)+F 키를 눌러서
찾기(Search)메뉴를 활성화 합니다.
그리고 </head>
이 코드를 복사해서 붙여넣기하고 엔터를 칩니다.
</head> 코드로 이동했다면 방금 복사한 코드를 </head> 앞에 붙여넣기 하시면 됩니다.
- 복사한 코드 위치 </head> (0)
- </head> 복사한 코드 위치 (X)
이 코드를 붙여넣기 한 후 저장버튼을 누르면 아래와 같이 날짜형식이 변경되어 있을겁니다.
보시는 대로 "2025년 2월 8일"이라고 변경되어 있는 것을 확인할 수 있습니다.
별도의 코드를 수정하지 않고, 추가해주는 것만으로 날짜형식을 쉽게 수정할수 있었습니다.