برجسته کردن نوشته‌های جدید در وردپرس

در دنیای پر سرعت وب و رقابت شدید برای جلب توجه مخاطبان، حفظ ارتباط با خوانندگان وفادار و ارائه محتوای تازه به آن‌ها از اهمیت ویژه‌ای برخوردار است. یکی از راهکارهای مؤثر برای دستیابی به این هدف، برجسته کردن (هایلایت) نوشته‌های جدید برای بازگشت کاربران در وردپرس می‌باشد. این روش باعث می‌شود کاربران از آخرین مطالب سایت مطلع شوند و احتمال از دست دادن محتوای جدید کاهش می‌یابد. در این نوشته، قصد داریم نحوه هایلایت نوشته‌های جدید در وردپرس را به شما آموزش دهیم.

چرا باید نوشته‌های تازه را در سایت وردپرسی برجسته کنید؟

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

نشان‌دار کردن پست‌های جدید، تجربه کاربری در وب‌سایت وردپرسی را بهبود می‌بخشد. وقتی یک بازدیدکننده دوباره به وب‌سایت شما مراجعه می‌کند، می‌تواند به راحتی پست‌هایی را که هنوز نخوانده است، تشخیص دهد. این کار باعث صرفه‌جویی در زمانش و افزایش بازدید برگه‌های شما خواهد شد.

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

هایلایت کردن نوشته‌های تازه در وردپرس

هایلایت کردن نوشته‌ها در وردپرس با استفاده از کد بسیار آسان می‌باشد. این کد به طور خودکار یک Cookie بر روی مرورگر کاربر تنظیم می‌کند و زمان آخرین بازدید او را در آن ذخیره می‌نماید. سپس، هر بار که کاربر به سایت باز می‌گردد، کد بررسی می‌کند که آیا نوشته‌های جدیدی از زمان آخرین بازدید منتشر شده‌اند یا خیر. اگر نوشته‌ای جدیدتر از زمان آخرین بازدید باشد، یک برچسب “New” به عنوان پست اضافه می‌شود. این روش ساده و مؤثر به بهبود تجربه کاربری و افزایش تعامل بازدیدکنندگان با محتوای جدید سایت کمک می‌کند.

نکته: برای اجرای این کد، می‌توانید آن را در فایل functions.php پوسته فرزند قرار دهید یا از افزونه WP Code استفاده نمایید.

/**
 * @snippet			Hightlight New Posts in WordPress
 * @author			WP Beginner
 * @compatible		WordPress 6
 */

// Define a function to modify post titles based on the last visit
function highlight_new_posts($title, $id)
{
    // Check if not in the loop, a singular page, or a page post type; if true, return the original title
    if (!in_the_loop() || is_singular() || get_post_type($id) == 'page') return $title;

    // Check if no 'lastvisit' cookie is set or if it is empty; if true, set the cookie with the current timestamp
    if (!isset($_COOKIE['lastvisit']) || $_COOKIE['lastvisit'] == '') {
        $current = current_time('timestamp', 1);
        setcookie('lastvisit', $current, time() + 60 * 60 * 24 * 7, COOKIEPATH, COOKIE_DOMAIN);
    }

    // Retrieve the 'lastvisit' cookie value
    $lastvisit = $_COOKIE['lastvisit'];

    // Get the publish date of the post (in Unix timestamp format)
    $publish_date = get_post_time('U', true, $id);

    // If the post was published after the last visit, append a new span to the title
    if ($publish_date > $lastvisit) $title .= '<span class="new-article">New</span>';

    // Return the modified or original title
    return $title;
}

add_filter('the_title', 'highlight_new_posts', 10, 2);

شما می‌توانید به جای کلمه “New” از کلمه “تازه” یا هر کلمه‌ای که تمایل دارید، استفاده کنید. همچنین اگر می‌خواهید این برچسب یک استایل جذاب و شیک بگیرد، کافی است کد css زیر را به فایل استایل پوسته خود اضافه کنید.

/* CSS to style the "New" label in blog post titles */
.new-article {
    background-color: #4CAF50; /* Green background color */
    color: #ffffff; /* White text color */
    padding: 2px 5px; /* Padding around the label */
    margin-left: 5px; /* Adjust the margin to your preference */
    border-radius: 3px; /* Rounded corners for the label */
    font-size: 12px; /* Adjust the font size to your preference */
}

در مقاله بالا نحوه نشان‌دار کردن پست‌های جدید در وردپرس آموزش داده شد. در صورتی که سؤالی در این زمینه دارید، می‌توانید آن را از بخش دیدگاه‌ها با ما در میان بگذارید. همچنین اگر به دنبال ترفندهای بیشتر هستید، به ترفند وردپرس مراجعه کنید.

منبع : WPBeginner