Cách Làm Nổi Bật Bài Viết Mới Cho Khách Truy Cập Trở Lại Trong WordPress

Mục lục

Bạn có thắc mắc làm thế nào để làm nổi bật bài đăng mới để thu hút người dùng quay lại trên WordPress không?

Hiển thị các bài đăng mới được xuất bản trên website của bạn là một cách chào đón độc giả trung thành, cập nhật thông tin cho họ và đảm bảo họ không bỏ lỡ content mới nhất của bạn.

Trong hướng dẫn từng bước này, WPBeginner Việt Nam sẽ chỉ cho bạn cách làm nổi bật bài đăng mới để thu hút người dùng quay lại trên WordPress.

Cách Làm Nổi Bật Bài Viết Mới Cho Khách Truy Cập Trở Lại Trong WordPress

Tại sao phải làm nổi bật bài viết mới trên trang WordPress của bạn?

Làm nổi bật các bài đăng mới trên trang WordPress của bạn giúp người dùng quay lại dễ dàng khám phá content mới của bạn. Bằng cách này, họ sẽ không bỏ lỡ bất kỳ thông tin mới hoặc cập nhật nào bạn đã thêm vào blog của mình.

Việc gắn nhãn bài đăng mới sẽ cải thiện trải nghiệm người dùng trên website WordPress của bạn. Khi người dùng quay lại website của bạn, họ có thể dễ dàng phát hiện ra bài đăng nào họ chưa đọc, giúp họ tiết kiệm rất nhiều thời gian và tăng lượt xem trang của bạn.

Trải nghiệm người dùng tốt trên website của bạn không chỉ giúp người dùng hài lòng mà còn giúp SEO WordPress. Khi website của bạn dễ sử dụng, nó sẽ cải thiện thứ hạng công cụ tìm kiếm và tăng khả năng người dùng tìm thấy content của bạn.

Với suy nghĩ đó, chúng ta hãy xem làm thế nào bạn có thể làm nổi bật các bài đăng mới để thu hút người dùng quay lại trên WordPress.

Chúng tôi sẽ chỉ cho bạn hai phương pháp: một là sử dụng plugin WordPress và một là sử dụng code. Bạn có thể chuyển đến một phương pháp cụ thể bằng cách sử dụng các link nhanh bên dưới:

Phương pháp 1: Làm nổi bật bài đăng WordPress mới bằng Plugin WordPress

Phương pháp đầu tiên này sử dụng Đánh dấu bài viết mới plugin. Chúng tôi khuyên dùng cho những người mới bắt đầu viết blog vì nó rất đơn giản. Plugin này sẽ thêm nhãn để hiển thị những bài đăng trên blog mà người dùng website của bạn chưa xem.

Trước tiên, bạn cần cài đặt và kích hoạt plugin Mark New Posts. Nếu bạn cần hướng dẫn, hãy xem hướng dẫn từng bước của WPBeginner Việt Nam về cách cài đặt plugin WordPress.

Sau đó, đi đến Cài đặt » Đánh dấu bài viết mới từ khu vực quản trị WordPress. Bây giờ bạn sẽ thấy trang cài đặt của plugin.

Bây giờ bạn muốn làm gì là chọn nơi hiển thị nhãn ‘Mới’. Bạn có thể chọn Sau tiêu đề bài đăng, Trước tiêu đề bài đăng hoặc Trước và sau tiêu đề bài đăng.

Chúng tôi thấy rằng việc thêm nhãn sau tiêu đề bài đăng sẽ trông giống như một thông báo và thu hút sự chú ý của người dùng nhất, vì vậy WPBeginner Việt Nam đã chọn cách này.

Chọn vị trí đánh dấu bài đăng mới trong plugin Đánh dấu bài đăng mới

Tiếp theo, bạn cần chọn giao diện của điểm đánh dấu trong cài đặt Loại điểm đánh dấu. Các option bao gồm văn bản “Mới”, văn bản “Mới” cũ, Vòng tròn màu cam, Cờ, Hình ảnh hoặc Không có.

Hãy khám phá từng option để xem option nào phù hợp nhất với thiết kế website của bạn.

Chọn loại đánh dấu bài đăng mới trong plugin Đánh dấu bài đăng mới

Một thiết lập khác mà bạn có thể cấu hình là màu nền cho tiêu đề bài đăng mới. Nếu bạn bật option này, khi người đọc truy cập bài đăng mới, họ sẽ thấy phần tiêu đề bài đăng có màu nền. Chúng tôi thấy thiết lập này không cần thiết nên đã tắt nó.

Trong cài đặt ‘Xem bài đăng là đã đọc’, bạn có thể chọn thời điểm tắt nhãn bài đăng mới: sau khi bài đăng được mở, sau khi bài đăng được hiển thị trong danh sách hoặc sau khi bất kỳ website nào của blog được mở.

Chúng tôi khuyên bạn nên sử dụng ‘sau khi mở’. Điều này có nghĩa là nếu người dùng chưa đọc nhiều bài đăng và mở một bài đăng thì nhãn bài đăng mới cho các bài viết khác sẽ không biến mất.

Tiếp theo, bạn có thể chọn số ngày bài đăng sẽ được đánh dấu là mới, hiển thị tất cả bài đăng hiện có là mới đối với người dùng mới và tắt nhãn mới cho các loại bài đăng custom.

Trang cài đặt plugin Đánh dấu bài đăng mới

Hai thiết lập cuối cùng khá nâng cao.

Một là ‘Cho phép bên ngoài danh sách bài đăng’, nghĩa là bạn có thể làm nổi bật các bài đăng bên ngoài loop, như trong các khu vực sidebar có sẵn tiện ích. Hãy thận trọng khi bật cài đặt này vì nó có thể tạo ra các lỗi WordPress không mong muốn.

Một option khác là ‘Sử dụng JavaScript để hiển thị các điểm đánh dấu’, option này chỉ được khuyến nghị nếu plugin không tương thích với theme hoặc các plugin khác đang được sử dụng trên blog của bạn. Trong hầu hết các trường hợp, bạn sẽ muốn giữ cài đặt này ở chế độ tắt.

Sau khi hoàn tất việc cấu hình cài đặt plugin, chỉ cần nhấp vào ‘Lưu’.

Nhấp vào nút Lưu trong plugin Đánh dấu bài đăng mới

Và thế là xong! Hãy truy cập website của bạn ở chế độ ẩn danh để xem nhãn mới cho các bài đăng gần đây có hoạt động không.

Đây là giao diện trên website demo của WPBeginner Việt Nam:

Ví dụ về đánh dấu bài đăng mới được tạo bởi plugin Mark New Posts

Phương pháp 2: Làm nổi bật bài viết mới bằng cách thêm code custom

Bạn có không hài lòng với các option nhãn bài đăng mới do plugin trước cung cấp không? Nếu vậy, bạn có thể làm nổi bật các bài đăng mới bằng code custom.

Đối với người mới bắt đầu, phương pháp này có vẻ đáng sợ. Nhưng đừng lo lắng vì WPBeginner Việt Nam sẽ sử dụng Mã WP plugin chèn đoạn code an toàn vào WordPress mà không làm hỏng website của bạn.

WPCode cũng giúp quản lý nhiều đoạn code custom một cách dễ dàng, điều này sẽ hữu ích trong trường hợp của WPBeginner Việt Nam vì WPBeginner Việt Nam sẽ sử dụng nhiều đoạn code.

WPCode - Plugin trích xuất code WordPress tốt nhất

Ghi chú: Trong khi có một phiên bản miễn phí của WPCodeWPBeginner Việt Nam sẽ sử dụng WPCode chuyên nghiệp bởi vì nó cho phép bạn chèn đoạn code vào đúng vị trí cho hướng dẫn này.

Điều đầu tiên bạn cần làm là cài đặt WPCode trong WordPress. Để biết hướng dẫn thiết lập, hãy tiếp tục và xem bài viết của WPBeginner Việt Nam về cách cài đặt plugin WordPress.

Tiếp theo, hãy đi đến Đoạn code » + Thêm đoạn code từ dashboard WordPress của bạn. Sau đó, chọn ‘Thêm code custom của bạn (Đoạn code mới)’ và nhấp vào nút ‘Sử dụng đoạn code’.

Thêm code custom vào WPCode

Bây giờ, hãy thêm tiêu đề vào đoạn code của bạn để dễ tìm hơn sau này nếu cần. Đối với điều này, bạn có thể đặt tên cho nó là ‘WordPress Last Visit Title Modifier’.

Sau đó, chọn ‘PHP Snippet’ trong danh sách dropdown Loại code.

Đặt tiêu đề cho đoạn code custom và chọn loại code PHP trong WPCode

Sau đó, bạn có thể sao chép và dán đoạn code bên dưới:

// Define a function to modify post titles based on the last visit
function wpb_lastvisit_the_title($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 .= 'New';

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

// Add a filter to apply the 'wpb_lastvisit_the_title' function to 'the_title' hook with priority 10 and 2 parameters
add_filter('the_title', 'wpb_lastvisit_the_title', 10, 2);

Đoạn code này sẽ sửa đổi tiêu đề bài đăng trên WordPress dựa trên lần truy cập gần nhất của người dùng.

Nó kiểm tra xem trang có phải là bài đăng trên blog hay không, nếu không thì nó sẽ hiển thị tiêu đề gốc như hiện tại. Nhưng nếu đó là bài đăng trên blog thì tiêu đề sẽ được sửa đổi.

Sau đó, đoạn trích đảm bảo lastvisit cookie tồn tại. Nếu không, thì code sẽ tạo cookie và đặt nó vào thời gian hiện tại. Sau đó, hàm sẽ so sánh lastvisit thời gian theo ngày đăng bài viết và thêm nhãn ‘Mới’ vào tiêu đề nếu bài viết mới hơn lần truy cập trước.

Sau khi chèn đoạn code, bạn chỉ cần cuộn xuống và chọn ‘Tự động chèn’ cho Phương pháp chèn.

Ngoài ra, hãy đảm bảo chọn ‘Chỉ giao diện người dùng’ cho Vị trí. Điều này có nghĩa là code sẽ chỉ chạy trên phần blog WordPress mà người dùng tương tác chứ không phải trong bảng quản trị hoặc những nơi khác.

Sửa đổi cài đặt chèn trong WPCode và kích hoạt và xuất bản code

Sau khi thực hiện xong, bạn có thể kích hoạt code và nhấp vào “Lưu đoạn code”.

Bây giờ, hãy lặp lại bước này để thêm đoạn code custom mới. Lần này, đoạn code sẽ định dạng nhãn ‘Mới’ được thêm vào tiêu đề bài đăng gần đây dựa trên lần truy cập cuối cùng của người dùng.

Vì vậy, bạn có thể đặt tên cho nó là ‘Kiểu nhãn mới cho tiêu đề bài đăng’ và Kiểu code phải là ‘Đoạn code CSS’.

Tạo code CSS để custom nhãn bài đăng mới trong WPCode

Sau đó, bạn có thể sao chép và dán các dòng code sau vào hộp Xem trước code:

/* 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 */
}

Đoạn code này về cơ bản custom nhãn bài đăng ‘Mới’ bằng cách sử dụng màu nền, màu chữ, khoảng đệm, lề, bán kính đường viền và kích thước font custom.

Hãy thoải mái điều chỉnh các yếu tố này theo sở thích của bạn khi bạn thực hiện. Chỉ cần đảm bảo sử dụng code màu hex hoặc giá trị RGB cho màu nền và màu văn bản.

Trong phần Chèn, chọn ‘Site Wide Header’ làm Vị trí. Sau đó, đặt code là ‘Hoạt động’ và nhấp vào ‘Lưu đoạn code’.

Chọn Site Wide Header làm vị trí code trong WPCode

Và thế là xong! Để xem code có hoạt động không, bạn có thể đăng bài viết blog mới và xem bài viết trên thiết bị di động hoặc máy tính để bàn ở chế độ ẩn danh.

Nếu code thành công, bạn sẽ thấy nhãn ‘Mới’ bên cạnh tiêu đề bài đăng gần đây của mình.

Ví dụ về nhãn bài đăng mới được tạo bằng WPCode

Ngoài việc làm nổi bật các bài đăng mới cho những người truy cập website trở lại, còn có nhiều cách khác bạn có thể làm để cải thiện blog của mình và khiến mọi người ở lại website của bạn lâu hơn.

Ví dụ, bạn có thể hiển thị các bài đăng liên quan đến bài đăng mà người dùng hiện đang đọc. Bằng cách này, bạn có thể giữ chân họ bằng cách trình bày content phù hợp với sở thích của họ.

Hoặc, bạn có thể tạo thanh chân trang nổi cố định để thu thập địa chỉ email hoặc quảng bá các ưu đãi đặc biệt. Thanh này vẫn hiển thị khi người dùng cuộn xuống trang. Bạn có thể sử dụng nó để cung cấp lời nhắc liên tục để đăng ký hoặc tận dụng ưu đãi của mình, tăng tỷ lệ chuyển đổi.

Bạn cũng có thể muốn thêm một công cụ thay đổi kích thước font cho mục đích trợ năng. Điều này cho phép người dùng điều chỉnh kích thước font trên website của bạn theo sở thích của họ, giúp họ dễ đọc content của bạn hơn.

Nếu bạn có nhiều content blog, bạn có thể muốn tạo các trang custom hiển thị các bài đăng trên blog nếu chúng có custom field cụ thể.

Giả sử bạn có một custom field cho ‘Mức độ khó của công thức’. Bạn có thể tạo một trang hiển thị tất cả các bài đăng trên blog được gắn tag ‘Công thức’ và cũng có giá trị custom field là ‘Dễ’. Theo cách này, người dùng tìm kiếm công thức dễ có thể tìm thấy tất cả ở một nơi.

Sau đây là những mẹo khác bạn có thể tham khảo để tối ưu hóa blog WordPress của mình:

Chúng tôi hy vọng bài viết này giúp bạn biết cách làm nổi bật bài đăng mới cho người dùng quay lại trong WordPress. Bạn cũng có thể muốn xem các lựa chọn chuyên gia của WPBeginner Việt Nam về các plugin xây dựng trang kéo và thả WordPress tốt nhất và hướng dẫn cuối cùng của WPBeginner Việt Nam về cách chỉnh sửa website WordPress.

Nếu bạn thích bài viết này, vui lòng đăng ký theo dõi WPBeginner Việt Nam Kênh Youtube cho các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy WPBeginner Việt Nam trên TwitterFacebook.

5/5 - (53 bình chọn)
Facebook
Twitter
LinkedIn
Telegram
Email
Đội Ngũ Biên Tập
WordPress

Cách nhúng luồng phát trực tiếp YouTube vào WordPress

Bạn có muốn nhúng luồng phát trực tiếp YouTube vào website WordPress của mình không? Nhúng luồng phát trực tiếp của YouTube vào website của bạn có thể tăng mức độ tương tác bằng cách cho phép người dùng tương tác với bạn và content của bạn theo thời gian

Đọc tiếp »