워드프레스에서 CSS로 최종 수정일/업데이트 날짜 표시하기 (GeneratePress)

포스트에 수정한 날짜(업데이트한 날짜)를 표시하고 싶은 순간이 올 때가 있다. 이를 위해서 보통 PHP를 추가하거나 관련 플러그인을 추가하는 경우가 많다. 나 역시 PHP를 이용해 표기하고 있었다(github.com). 하지만, GeneratePress(무료 버전 포함)는 최종 수정일 표시와 관련된 모든 설정이 이미 갖추어져 있고, 그저 기본 설정으로 표시만 하고 있지 않다는 사실을 최근에야 알게 되었다.

따라서 GeneratePress 테마의 경우, 복잡한 절차 없이 CSS를 이용해 최종 수정일이 표시되게만 해주면 된다. 발행 이후 수정한 적이 없다면 발행일만 표시하고, 업데이트한 기록이 있다면 최종 수정일과 발행일을 모두 표시해 주게 된다. (물론 기본 방법보다 좀 더 정교하게 표시하고 싶은 부분이 있다면, 개별적으로 PHP나 플러그인을 사용해야 한다)

CSS로 최종 수정일 표시 활성화하기

모양 > 사용자 정의 > 추가 CSS

/* 업데이트 날짜 표시 */
.posted-on .updated {
display: inline-block;
margin-right: 1em;
}
.posted-on .updated:before {
content: 'Updated: ';
}
.posted-on .entry-date:before {
content: 'Published: ';
}

*참고자료: generatepress.com

날짜와 관련하여 글자 크기, 색깔 등 스타일을 바꾸고 싶을 때에는 마찬가지로 CSS를 이용해 발행일(.published), 수정일(.updated)에 적용해 주면 되겠다. (참고)

최종 수정일 (업데이트 날짜) 표시하기
최종 수정일이 표시된 모습

카테고리의 다른 글

  1. 티스토리 매거진 스킨 본문 폭 넓히기
  2. 클라우드웨이즈 청구서 날짜 및 결제일
  3. 워드프레스 발행일과 최종 수정일 글자 스타일 변경을 위한 CSS class
  4. 워드프레스의 cat-links. 색상에 의존하여 링크를 구분할 수 있습니다 (Pagespeed Insight)
  5. 티스토리 본문 이미지 숨기기. div 태그 방법

댓글 남기기