Việc biết cách làm nổi bật bài viết mới trên WordPress không chỉ giúp thu hút sự chú ý của người đọc mà còn tăng cường tương tác và lưu lượng truy cập cho trang web. Bằng việc sử dụng các kỹ thuật đơn giản nhưng hiệu quả, bạn có thể đảm bảo rằng những nội dung mới nhất và hấp dẫn nhất được trình bày một cách nổi bật. Trong bài viết này, Vietnix sẽ hướng dẫn chi tiết giúp bài viết mới trở nên nổi bật, tạo ra ảnh hưởng lớn đến trải nghiệm người dùng và hiệu quả của website.
Tại sao cần làm nổi bật bài viết mới cho khách truy cập quay lại?
Những khách truy cập quay lại thường là những người dùng yêu thích nội dung và quay trở lại tìm kiếm thêm. Tuy nhiên, hầu hết trong số họ chỉ dành vài giây để xem và nếu không tìm thấy điều gì thú vị, họ sẽ rời đi.
Bằng cách làm nổi bật nội dung mới, bạn có thể thu hút sự chú ý của người dùng đến những nội dung mới nhất. Điều này không chỉ giúp bạn tăng số lượt xem trang mà còn giúp người dùng khám phá nội dung mới một cách dễ dàng.
2 cách làm nổi bật bài viết mới trong WordPress chi tiết
Cách 1. Làm nổi bật bài viết mới trong WordPress bằng plugin
Sử dụng một plugin để làm nổi bật các bài viết mới cho người dùng quay lại là một cách dễ dàng triển khai, và Vietnix khuyến nghị nên dùng cho người mới bắt đầu. Đầu tiên, cài đặt và kích hoạt plugin Mark New Posts. Để biết thêm chi tiết, xem hướng dẫn từng bước của Vietnix về cách cài đặt một plugin WordPress.
Sau khi kích hoạt, bạn hãy truy cập vào Settings > Mark New Posts để thiết lập plugin.
Trước tiên bạn chọn vị trí để đặt đánh dấu, plugin có thể hiển thị đánh dấu bài viết mới trước tiêu đề bài viết, sau tiêu đề bài viết hoặc cả hai vị trí. Tiếp theo, cần chọn loại đánh dấu, có nhiều lựa chọn khác nhau. Theo mặc định, plugin sẽ sử dụng một hình ảnh nhỏ làm đánh dấu.
Bạn có thể lựa chọn hiển thị một vòng tròn, một hình ảnh tùy chỉnh, văn bản ‘New‘ hoặc một lá cờ để đánh dấu bài viết mới. Sau đó, hãy chọn thời điểm mà đánh dấu sẽ biến mất. Để tránh làm phiền người dùng, Vietnix khuyến nghị không chọn tùy chọn ‘Mark posts as read only after opening‘, để chỉ thông báo về những bài viết mới kể từ lần truy cập trước đó của người dùng.
Đừng quên nhấp vào button Save để lưu cài đặt và plugin sẽ giúp làm nổi bật các bài viết mới cho người dùng quay lại với loại đánh dấu mà bạn đã chọn. Ngoài ra, bạn cũng có thể tham khảo thêm các bài viết khác như:
Cách 2. Làm nổi bật bài viết mới bằng cách thêm code thủ công
Phương pháp này đòi hỏi bạn thêm code vào trang web WordPress. Nếu đồng ý về việc thêm đoạn mã vào trang web WordPress, bạn có thể thử phương pháp này. Đồng thời, hãy đảm bảo backup trang web WordPress trước khi thêm đoạn code.
Đầu tiên, bạn cần sao chép và dán code sau vào file functions.php của theme hoặc một plugin riêng cho trang web.
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' );
Code này sẽ kiểm tra sự tồn tại của một cookie có tên là ‘lastvisit’ khi người dùng truy cập vào trang web. Nếu không tìm thấy cookie đó, nó sẽ thiết lập cookie mới với thời gian hiện tại. Khi tìm thấy cookie, code sẽ thêm từ ‘New‘ vào tiêu đề của các bài viết được xuất bản kể từ lần truy cập trước đó của người dùng.
Vietnix đã sử dụng CSS sau trong phiên bản demo. Đơn giản là sao chép và dán vào file stylesheet của theme hoặc child theme.
.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;
}
Đây là cách plugin hoạt động trên trang web demo:
Ngoài những nội dung trong bài về cách làm nổi bật bài viết mới, có thể bạn quan tâm:
Lời kết
Vietnix hy vọng bài viết này đã giúp bạn nắm rõ cách làm nổi bật bài viết mới trong WordPress. Hãy thử nghiệm với mã code, thay đổi văn bản được làm nổi bật và CSS theo nhu cầu của bạn. Đồng thời, bạn cũng có thể tham khảo một số bài viết khác của Vietnix như cách hiển thị bài viết phổ biến trong WordPress hoặc hướng dẫn cách thêm bài viết liên quan trong bài viết WordPress bạn nên biết, nhằm tối ưu trải nghiệm người dùng hiệu quả hơn, chúc bạn thành công!