[워드프레스 Tips] 워드프레스에서 최종 업데이트 날짜 표시 하기

| Updated

워드프레스 테마로 newspaper를 사용하면서 업데이트 일정을 표시하는 방법을 포스팅했었습니다.

[워드프레스 Tips] 워드프레스 Newspaper 테마에서 최근 업데이트 날짜 표시하기

테마를 Grace나 Basic 등 보다 가벼운 테마로 바꾸면서 공통적 Newspaper에서 적용했던 방법을 응용하려 했더니 Custom code를 찾는 게 더 힘들더군요. 그래서 일반 원드프레스 테마에서 적용할 수 있는 방법을 찾아 봤습니다.

구글링하니 이미 관련 좋은 팁들이 있어서 이를 간단히 응용해 적용했습니다.

테마 function.php에 코드 추가

이를 위해서는 function.php에 관련 코드를 추가하거나 Custom code를 변경하는 방법이 있는데 위에서도 언급했다시피 테마마다 날짜 표기하는 Custom code 들이 있는 곳이 다릅니다.

가벼운 테마라고 적용한 Basic 테마는 도대체 어디에 날짜관련 Custom code가 있는지 한참 찾다가 포기했습니다.
그리고 공통저그로 적용할 수 있는 function.php에 코드 추가하기로 했습니다.

테마의 function.php에 아래 코드를 추가합니다.

function wpb_last_updated_date( $content ) {
$u_time = get_the_time('U'); 
$u_modified_time = get_the_modified_time('U'); 
if ($u_modified_time >= $u_time + 86400) { 
$updated_date = get_the_modified_time('Y-M-D');
$updated_time = get_the_modified_time('a h:i');
$custom_content .= '<p class="last-updated">Last updated on '. $updated_date . ' at '. $updated_time .'</p>';  
} 

    $custom_content .= $content;
    return $custom_content;
}
add_filter( 'the_content', 'wpb_last_updated_date' );

업데이트 일정 표기 방법 적용 결과

위 코드에서 취향에 따라 날짜만 표시하고 싶다면 $updated_time 부분 코드를 지우거나 작동하지 않토록 마킹하면 됩니다.

$updated_date = get_the_modified_time('Y-m-d');
/* $updated_time = get_the_modified_time('a h:i'); */
$custom_content .= '<p class="last-updated">Last updated on '. $updated_date . ' </p>';

Custom CSS에서 스타일을 지정

그냥 두어도 되나 업데이트 일자를 강조하려면 custom css 코드를 추가합니다.

그리고 function.php에서 문구를 한글로 변경합니다. 오늘이 한글날이이므로.

hackYa님의 사이트가 이런식으로 적용되어 있는데요. 최종수정일을 강조해주니 보기가 좋고 더 신뢰가 되더군요.. 문구도 비슷하게 따왔습니다.

저는 아래와 같이 코드를 넣었습니다.

.last-updated {
    font-size: 1.2em;
    font-style:italic;
    color: #26a69a;
}

▽ 최종 적용 결과

업데이트 일정 표기 방법 적용 및 Custom css 적용 결과

이 글은 아래 글을 토대로 응용하면서 작성하였습니다.

How to Display the Last Updated Date of Your Posts in WordPress

서울에 생긴 Vultr 서버 100$ 프로모션 안내

안녕하세요?
새로운 사이트 구축을 위한 신규 서버를 고민하신다면 , 서울 리젼이 생겨 더욱 빨라진 Vultr 서버를 Vultr 100$ 프로모션으로 이용해 보세요.

아래 프로모션 코드 링크를 통해 Vultr에서 서버 구축 후 1달 이상 사용 및 $25이상 결제 時 추가 100$을 주는 프로모션을 진행 中입니다.

아래 이미지를 클릭해 등록할 수 있습니다.

Vultr는 서울에도 리젼이 있어 매우 빠르고, 아마존 웹 서비스(AWS)보다 성능이 높으며 가장 가성비가 뛰어납니다.

거기다 사용자 UI도 좋고, 15개까지 스냅샷을 무료로 제공하기 때문에 관리하기 좋습니다. 그리고 지금 100$ 프로모션처럼 가격적인 메리트도 있습니다.

저는 2016년부터 Vultr 서버를 사용했는데요. 지금까지 잘 사용해 오고 있습니다. 아래 사용기도 참고해 보세요.

도쿄 리젼과 비교해 본 Vultr 서울 리젼 사용기

가성비가 뛰어난 Vultr 가상서버호스팅(클라우드호스팅,VPS) 사용기

Vultr 가상서버호스팅의 새상품 High Frequency 사용기

가상 서버를 운영하고픈 勇者에게 전하는 가상 서버 운영 입문 노하우 – Vultr 가상서버호스팅(VPS)를 중심으로

해외 가상서버호스팅(VPS)이 국내 호스팅보다 빠르다? – 아이비호스팅과 해외 가상서버호스팅 VULTR간 비교

사이트 운영을 위한 안내 – 웹서버 세팅에서 워드프레스 설치까지(우분투 17.10, NGINX 1.13.6, Marian DB 10.2, PHP7.2)

워드프레스 최적화를 위한 18개월간의 고민, 그 노하우를 담다.

Subscribe
Notify of
guest
2 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Word

Iconic One 테마로 바꾸셨네요.

제가 처음으로 사용했던 테마가 Iconic One입니다.ㅎㅎ
깔끔한 레이아웃이 인상적인 테마 같습니다.