วิธีเน้นโพสต์ใหม่สำหรับผู้เยี่ยมชมที่กลับมาใน WordPress


คุณเคยสงสัยหรือไม่ว่าไซต์ยอดนิยมเน้นโพสต์ใหม่สำหรับผู้เยี่ยมชมที่กลับมาอย่างไร การเน้นโพสต์ใหม่ให้กับผู้เข้าชมที่กลับมาอย่างชัดเจนเป็นวิธีที่ดีเยี่ยมในการช่วยให้ผู้ใช้ค้นหาเนื้อหาใหม่และเพิ่มการเปิดดูหน้าเว็บของคุณ ในบทความนี้ เราจะแสดงวิธีเน้นโพสต์ใหม่สำหรับผู้เยี่ยมชมที่กลับมาใน WordPress

เหตุใดจึงเน้นโพสต์ใหม่สำหรับผู้เยี่ยมชมที่กลับมา?

ผู้เข้าชมที่กลับมามักจะเป็นผู้ใช้ที่ชอบเนื้อหาของคุณและกลับมาค้นหาเพิ่มเติม อย่างไรก็ตาม ผู้ใช้เหล่านี้ส่วนใหญ่ใช้เวลาเพียงไม่กี่วินาที และพวกเขาก็ออกไปหากไม่พบสิ่งที่น่าสนใจ

ด้วยการเน้นเนื้อหาใหม่ คุณสามารถชี้ความสนใจของผู้ใช้ไปยังเนื้อหาล่าสุดได้ สิ่งนี้จะไม่เพียงช่วยให้คุณเพิ่มการเปิดดูหน้าเว็บของคุณเท่านั้น แต่ยังช่วยให้ผู้ใช้ค้นพบเนื้อหาใหม่อีกด้วย

วิธีที่ 1: เน้นโพสต์ WordPress ใหม่ด้วยปลั๊กอิน

ในวิธีนี้ เราจะใช้ปลั๊กอินเพื่อเน้นโพสต์ใหม่สำหรับผู้ใช้ที่กลับมา วิธีนี้ง่ายต่อการนำไปใช้ และเราแนะนำสำหรับผู้เริ่มต้น

สิ่งแรกที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอินทำเครื่องหมายโพสต์ใหม่ สำหรับรายละเอียดเพิ่มเติม โปรดดูคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีติดตั้งปลั๊กอิน WordPress

เมื่อเปิดใช้งาน คุณต้องไปที่ การตั้งค่า » ทำเครื่องหมายโพสต์ใหม่ เพื่อตั้งค่าปลั๊กอิน

ขั้นแรกคุณต้องเลือกตำแหน่งเครื่องหมาย ปลั๊กอินสามารถแสดงเครื่องหมายโพสต์ใหม่ก่อนชื่อโพสต์ หลังชื่อโพสต์ หรือทั้งสองอย่าง

หลังจากนั้นคุณจะต้องเลือกประเภทมาร์กเกอร์ มีหลายทางเลือก ตามค่าเริ่มต้น ปลั๊กอินจะแสดงรูปภาพขนาดเล็กเป็นเครื่องหมาย

คุณสามารถเลือกแสดงวงกลม รูปภาพที่กำหนดเอง ข้อความ "ใหม่" หรือธงได้

สุดท้าย คุณต้องเลือกเวลาที่คุณต้องการให้เครื่องหมายหายไป หากคุณทำเครื่องหมายที่ช่องถัดจากตัวเลือก "ทำเครื่องหมายโพสต์ว่าอ่านอย่างเดียวหลังจากเปิด" ปลั๊กอินจะแสดงโพสต์ที่ยังไม่ได้อ่านต่อผู้ใช้ของคุณ

สิ่งนี้อาจสร้างความรำคาญให้กับผู้ใช้ของคุณเล็กน้อย เราขอแนะนำให้ปล่อยไว้โดยไม่ทำเครื่องหมาย เพื่อให้ผู้ใช้ของคุณจะได้รับการแจ้งเตือนเฉพาะโพสต์ใหม่นับตั้งแต่การเข้าชมครั้งล่าสุดเท่านั้น

อย่าลืมคลิกที่ปุ่มบันทึกเพื่อบันทึกการตั้งค่าของคุณ

เพียงเท่านี้ ปลั๊กอินจะไฮไลต์โพสต์ใหม่สำหรับผู้ใช้ที่กลับมาด้วยประเภทเครื่องหมายที่คุณเลือก

วิธีที่ 2: เน้นโพสต์ใหม่โดยการเพิ่มรหัสด้วยตนเอง

วิธีนี้จำเป็นต้องเพิ่มโค้ดลงในไซต์ WordPress ของคุณ หากคุณมั่นใจในการเพิ่มข้อมูลโค้ดลงในไซต์ WordPress ของคุณ คุณสามารถลองใช้วิธีนี้ได้

และเช่นเคย ตรวจสอบให้แน่ใจว่าคุณได้สำรองข้อมูล WordPress ก่อนที่จะเพิ่มข้อมูลโค้ดลงในไซต์ของคุณ

สิ่งแรกที่คุณต้องทำคือคัดลอกและวางโค้ดนี้ลงในไฟล์ function.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-article ในแท็ก <span> รอบ ๆ 'New' คุณจะใช้คลาสนี้เพื่อจัดรูปแบบข้อความโดยใช้ CSS

เราใช้ 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;
}

นี่คือลักษณะที่ปรากฏบนเว็บไซต์สาธิตของเรา

เราหวังว่าบทความนี้จะช่วยคุณเน้นโพสต์ใหม่สำหรับผู้เยี่ยมชมที่กลับมาใน WordPress ลองใช้โค้ด เปลี่ยนข้อความที่ไฮไลต์และ CSS ให้ตรงกับความต้องการของคุณ

คุณอาจต้องการดูคำแนะนำของเราเกี่ยวกับวิธีแสดงโพสต์ที่เข้าชมครั้งล่าสุดแก่ผู้ใช้

หากคุณชอบบทความนี้ โปรดสมัครรับวิดีโอบทช่วยสอนช่อง YouTube สำหรับ WordPress ของเรา คุณสามารถหาเราได้ทาง Twitter และ Facebook