نمایش آیکون جدید کنار پستهای امروز در وردپرس
نمایش آیکون جدید کنار پستهای امروز در وردپرس
وردپرس یکی از محبوبترین سیستمهای مدیریت محتوا (CMS) است که به کاربران امکان میدهد سایتهای پویا و قابلسفارشیسازی ایجاد کنند. یکی از راههای افزایش تعامل کاربران با سایت، نمایش اطلاعات بصری جذاب مانند آیکون (جدید) یا (New) در کنار پستهای تازه منتشر شده است. این ویژگی به کاربران کمک میکند تا به سرعت پستهای جدید را شناسایی کنند و توجه بیشتری به محتوای تازه جلب شود و این قابلیت را بیشتر شما می توانید در سایت های تفریحی و سرگرمی مشاهده کنید و بیشتر در اینگونه وب سایت ها مورد استفاده قرار می گیرد
نمایش آیکون جدید کنار پستهای امروز در وردپرس
در این مقاله، به شما نشان میدهیم که چگونه میتوانید به راحتی یک آیکون جدید را کنار عنوان پستهای امروز در وردپرس نمایش دهید.
چرا باید آیکون جدید کنار پستها اضافه کنیم؟
افزودن آیکون (جدید) کنار پستهای منتشر شده در همان روز میتواند مزایای زیادی داشته باشد:
افزایش تعامل کاربران: پستهای جدید بیشتر توجه کاربران را جلب میکنند و این کار میتواند نرخ بازدید و تعامل با محتوای شما را افزایش دهد.
بهبود تجربه کاربری: کاربران به راحتی متوجه میشوند که کدام پستها اخیراً منتشر شدهاند و به محتوای بهروز دسترسی پیدا میکنند.
افزایش حس تازگی در سایت: اضافه کردن این آیکون حس تازگی و پویایی به سایت شما میدهد و باعث میشود سایت فعال و همیشه بهروز به نظر برسد.
روشهای مختلف برای نمایش آیکون جدید
روش های مختلفی برای نمایش آیکون در سایت وردپرسی شما وجود دارد ، همانطور که می دانید وردپرس یک سیستم مدیریت منبع باز می باشد که هم می توانید به کمک کدنویسی آیکون جدید را در کنار مقالات سایت خود نمایش دهید و هم می توانید به کمک افزونه های کاربردی که در مخزن وردپرس وجود دارد برای خود این کار را انجام دهید شما به کمک کمی دانش کد نویسی می توانید برای سایت خود در وردپرس به زبان PHP این قابلیت را برای سایت خود اضافه کنید و نمایش دهید.
شروع به کد نویسی کردن برای نمایش کلمه جدید یا NEW کنار مقالات سایت
در این روش، شما با استفاده از توابع زمانسنجی وردپرس، بررسی میکنید که آیا پست در تاریخ امروز منتشر شده است یا خیر، و سپس در صورت انتشار در همان روز، یک آیکون یا متن جدید در کنار عنوان آن نمایش میدهید
ابتدا به پنل مدیریت وردپرس بروید و به مسیر نمایش > ویرایشگر قالب رفته و فایل functions.php را باز کنید. سپس کد زیر را به آن اضافه کنید:
function display_new_icon_for_today_posts($title, $id) {
// بررسی کنید که آیا پست منتشر شده امروز است یا خیر
if (is_single() || is_home()) {
$post_date = get_the_date('Y-m-d', $id);
$today = date('Y-m-d');
if ($post_date == $today) {
// نمایش آیکون جدید کنار عنوان پست
$title .= ' <span class="new-post-icon">🆕</span>';
}
}
return $title;
}
add_filter('the_title', 'display_new_icon_for_today_posts', 10, 2);
ابن کد بالا بررسی می کند که آیا این مقاله ای که منتشر شده است برای تاریخ امروز می باشد یا خیر اگر که این مقاله برای تاریخ امروز باشد با کلمه NEW کنار آن یعنی انتهای عنوان مقاله نمایش داده می شود.
کمی کلمه جدید یا NEW را جذاب کنیم البته با CSS نویسی :
بعد از اضافه کردن کد PHP، میتوانید از CSS برای استایلدهی بهتر به آیکون استفاده کنید. به فایل style.css قالب خود رفته و کد زیر را اضافه کنید:
.new-post-icon {
font-size: 14px;
color: red;
margin-left: 5px;
}
شما بعد از قرار دادن کد بالا در فایل Style.css قالب سایت خود می توانید کلمه NEW را کمی جالب تر از قبل نمایش دهید با کد بالا شما اندازه آیکون و اندازه متن کلمه را تنظیم می کنید.
نتیجهگیری
نمایش آیکون جدید در کنار پستهای تازه منتشر شده یکی از راههای ساده اما موثر برای افزایش جذابیت و تعامل کاربران با محتوای شما است. این قابلیت میتواند به کاربران کمک کند تا به راحتی محتوای جدید را شناسایی کنند و تعامل بیشتری با آنها داشته باشند.
موفق و پیروز باشید.
