قالب فارسی
طراحی پلاگین

زمان و تاریخ بروزرسانی نوشته‌ها

همون طور که می دونید نمایش زمان و تاریخ بروزرسانی نوشته‌ها در سایت‌های خبری و اطلاع رسانی برای مخاطبان سایت بسیار مهم می‌باشد. حالا اگه سایت شما یک سایت خبری ، آموزشی یا اطلاع رسانی باشد و قالب شما این امکان را نداشته باشد و شما نیاز داشته باشید زمان و تاریخ بروزرسانی نوشته را نمایش بدید باید چکاری انجام بدید؟

یک راه این است که شما بگردید و افزونه ای را پیدا کنید تا تاریخ بروزرسانی را برای شما نمایش دهد، اما شما به سادگی می توانید کدی را تولید و در سایت خود قرار دهید تا بر روی نوشته‌های سایت شما نمایش داده شود.

کد نمایش زمان و تاریخ بروزرسانی نوشته‌ها

برای انجام اینکار فایل functions.php در قالب سایتتان را باز کنید و به انتهای فایل بروید و کد زیر را به انتهای فایل اضافه کنید.

function wph_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('F jS, Y');
$updated_time = get_the_modified_time('h:i a'); 
$custom_content .= '<p class="last-updated">تاریخ بروزرسانی این نوشته  '. $updated_date . ' در  '. $updated_time .'</p>';  
} 
    $custom_content .= $content;
    return $custom_content;
}
add_filter( 'the_content', 'wph_last_updated_date' );

با این کد شما می توانید زمان و تاریخ بروزرسانی نوشته‌ها را در تمامی نوشته‌های خود خواهید داشت که در آرشیو مطالب و در صفحه نوشته برای شما نمایش داده می‌شود.

اگر شما بخواهید در بخشهای از سایت به دلخواه تاریخ بروزرسانی را نمایش دهید شما به سادگی می‌توانید این کد را تبدیل به یک شورتکد کنید و آن را در بخش‌های که می‌خواهید فراخونی کنید.

پیش از این مطلب آموزشی را برای ایجاد شورتکد در سایت منتشر کردیم. در صورتی که این مطلب را مطالعه نکردید آن را مطالعه کنید و به ادامه این مطلب برگردید.

همچنین بخوانید :  افزونه محدود کردن مطالب برای کاربران عضو

افزونه نمایش زمان و تاریخ بروزرسانی نوشته ها

حالا برای اینکه بتوانید یک افزونه مستقل از قالب طراحی کنید کافی است یک دایرکتوری با نام دلخواه در دایرکتوری plugins ایجاد کنید. به عنوان مثال show-update-post. به درون این دایرکتوری وارد شوید و یک فایل با پسوند php درون آن ایجاد نمایید. مانند update.php

بعد از ایجاد شناسنامه افزونه در ابتدای فایل، حتما از کد زیر برای جلوگیری از دسترسی‌های غیرمجاز استفاده کنید.

برای آشنایی با ساختار افزونه‌ها و شناسنامه افزونه‌ها، مطلب آموزشی ساختار افزونه‌ها را مطالعه نمایید.

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

حالا تابعی که در قسمت قبل تعریف کرده بودید را در ادامه کد بنویسید.

بعد از نوشتن کد تابع، کافیه شما به جای استفاده از add_filter باید از add_shortcode استفاده کنید. به شکل زیر از این هوک وردپرس برای فراخوانی تابع استفاده می‌کنیم.

add_shortcode('update_date','wph_last_updated_date');

کل کد شما باید به شکل زیر باشد.

/*
Plugin Name: Show Update Post
Plugin URI: http://wphashtag.com/plugin-sample/update
Description: این پلاگین برای نمایش تاریخ بروزرسانی نوشته می باشد
Author: wpHashtag
Version: 1.7.2
Author URI: http://wphashtag.com/
*/

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
/*
* get update date & time 
*/

function wph_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('F jS, Y');
$updated_time = get_the_modified_time('h:i a'); 
$custom_content .= '<p class="last-updated">تاریخ بروزرسانی این نوشته  '. $updated_date . ' در  '. $updated_time .'</p>';  
} 
    $custom_content .= $content;
    return $custom_content;
}
add_shortcode('update_date','wph_last_updated_date');

به پیشخوان وردپرس و افزونه بروید و افزونه خودتان را در لیست پیدا کنید.

آن را فعال کنید. به نوشته یا برگه ای که می‌خواهید بروید. کدی مشابه به زیر را در هر بخشی که می‌خواهید بنویسید.

[update_date]

دقت کنید با استفاده از این افزونه شما می‌توانید کدی که در تابع وارد کرده‌اید را حذف کنید.

همچنین بخوانید :  آموزش طراحی پلاگین فیلتر کلمات

در بخشی از کد که تاریخ را نمایش می‌دهیم از تگ p با یک کلاس css با نام last-updated استفاده کردیم. شما می‌توانید کدهای css خود را در بخش سفارشی سازی یا فایل custom.css قالب خود وارد کنید. کد نمونه :

.last_updated{
color:#888;
background:#f2f2f2;
border:1px solid #ccc;
font-weight:600;
text-align:right;
padding:5px;
}

کار تمام است. شما به سادگی می‌توانید از این کد در بخشهای مختلف و با طراحی اختصاصی خودتان استفاده کنید.

برچسب ها
نمایش بیشتر
دکمه بازگشت به بالا
بستن
بستن

Notice: ob_end_flush(): failed to send buffer of zlib output compression (0) in /home/wphashta/public_html/wp-includes/functions.php on line 4755