هایلایت کردن پست های جدید در وردپرس

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

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

 

روش اول: هایلایت کردن پست های جدید در وردپرس با پلاگین

این روش ساده ای است و به دوستان تازه کار توصیه میکنیم از پلاگین برای این کار استفاده نمایند.
برای شروع، پلاگین Mark New Posts را نصب و فعال کنید.
بعد از نصب ، به setting پلاگین و سپس قسمت Mark New Posts بروید.

هایلایت کردن پست های جدید در وردپرس

همان طور که در تصویر ملاحظه می کنید، در قسمت Marker Placement می توانید محل قرار گرفتن مارکر مربوط به پست جدید را مشخص کنید. در قسمت Marker Type هم نوع مارکر را مشخص می کنید که بصورت پیش فرض تصویر کوچکی با متن New است.(تصویر پایین)

هایلایت کردن پست های جدید در وردپرس

 

اگر گزینه Mark posts as read only after opening را علامت بزنید، مارکر مربوط به پست جدید بعد از اولین بار خوانده شدن پست توسط کاربر، ناپدید می شود و برای کاربران جدید همچنان نمایش داده می شود.

روش دوم: هایلایت کردن پست های جدید در وردپرس از طریق افزودن کد

مثل همیشه قبل از شروع از وردپرس تان یک بکاپ کامل تهیه کنید. سپس قطعه کد زیر را در فایل functions.php وردپرستان کپی کنید.

function wpb_lastvisit_the_title ( $title, $id ) {

if ( !in_the_loop() || is_singular() || get_post_type( $id ) == 'page' ) return $title;

// if no cookie then just return the title 

if ( !isset($_COOKIE['lastvisit']) ||  $_COOKIE['lastvisit'] == '' ) return $title;
$lastvisit = $_COOKIE['lastvisit'];
$publish_date = get_post_time( 'U', true, $id );
if ($publish_date > $lastvisit) $title .= '<span class="new-article">New</span>';
return $title;
 
}

add_filter( 'the_title', 'wpb_lastvisit_the_title', 10, 2);
 
// Set the lastvisit cookie 

function wpb_lastvisit_set_cookie() {

if ( is_admin() ) return;
$current = current_time( 'timestamp', 1);
setcookie( 'lastvisit', $current, time()+60+60*24*7, COOKIEPATH, COOKIE_DOMAIN );
}

add_action( 'init', 'wpb_lastvisit_set_cookie' );

این کد دنبال کوکی هایی میگردد که بعد از آخرین بازدید کاربر از سایت، فراخوانی می شوند. اگر هیچ کوکی ای یافت نشود، کوکی را با زمان جاری تنظیم می کند. اگر کوکی را پیدا کند، کلمه New را به ابتدای پست های منتشر شده از آخرین بازدید کاربر اضافه می کند. مشخص است که کلمه New را با جدید می توانید جایگزین کنید یا برای دکمه از یک تصویر استفاده نمایید.
توجه داشته باشید که کلاس new-article در تگ<span> برای New وجود دارد. با استفاده از این کلاس می توانید در فایل Css خود، برای New استایل جدیدی تعریف کنید.
می توانید نمونه استایل زیر را در فایل Css قالب وردپرس خود کپی کنید.

.new-article { 
background: #feffdd;
padding: 3px;
border: 1px solid #eeefd2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-left:5px;
font-size: small;
font-weight: bold;
}

حاصل کار، دکمه New در  تصویر زیر است:

highlight-new-post-in-wp-03

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

توصیه میکنیم این مطالب را هم حتما بخوانید



تا کنون دیدگاهی ارسال نشده است،

1 دقیقه وقت دارید؟

با باشگاه وردپرس آشنا شوید
دیدن این ویدئو فقط یک دقیقه زمان شما را می گیرد

لطفا نام و ایمیل خود را وارد کنید

تا این آموزش ارزشمند همین الان برایتان ایمیل شود
فیلم آموزشی را همین الان برایم ایمیل کن
close-link

لطفا نام و ایمیل خود را وارد کنید

تا این آموزش ارزشمند همین الان برایتان ایمیل شود
فیلم آموزشی را همین الان برایم ایمیل کن
close-link

برای دانلود فیلم وبینار لطفا فرم زیر را تکمیل کنید

لینک دانلود بلافاصله برایتان ایمیل خواهد شد
فیلم آموزشی را همین الان برایم ایمیل کن
close-link

برای دانلود ماهنامه لطفا فرم زیر را تکمیل کنید
 
دانلود ماهنامه باشگاه وردپرس
close-link

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

دریافت فیلم آموزشی
close-link

لطفا فرم زیر را تکمیل کنید

تا دو جلسه اول این دوره همین الان برایتان ایمیل شود
ثبت و دریافت فیلم 2 جلسه
close-link