Thiết kế Website
Mẫu Website
Khách hàng
Phát triển Web
Bản tin
Liên hệĐể thêm icon “new” vào bài viết mới nhất trong WordPress, bạn có thể sử dụng plugin hoặc thêm mã tự viết vào tệp theme của bạn.
Cách 1: Sử dụng plugin
- Tìm và cài đặt plugin “New Post Badges” hoặc plugin tương tự.
- Cấu hình plugin để hiển thị icon “new” trên bài viết mới nhất.
Cách 2: Thêm mã tự viết vào theme
- Mở tệp functions.php trong theme của bạn.
- Thêm mã sau vào tệp functions.php:
function new_post_badge() {
global $post;
$post_date = get_the_date('U');
$current_date = current_time('U');
$diff = $current_date - $post_date;
if ($diff < 86400) {
echo ' <span class="new-post-badge">New</span>';
}
}
- Lưu lại và chèn mã sau vào vị trí bạn muốn hiển thị, có thể chèn trong vòng lặp : <?php new_post_badge(); ?>
- Chỉnh sửa thuộc tính của class “new-post-badge” trong mã trên để thay đổi kích thước và màu sắc của icon “new”.
- Thay đổi
86400= số thời gian bạn muốn
Trên là cách thêm icon vài tiêu đề bài viết mới ở vị trí bạn muốn, còn dưới đây là cách thêm vào toàn bộ vị trí bạn muốn theo type:
function add_new_post_badge_to_title( $title ) {
if( is_singular('post') && is_main_query() ) { // Thêm điều kiện is_main_query()
global $post;
$post_date = get_the_date('U');
$current_date = current_time('U');
$diff = $current_date - $post_date;
if ($diff < 86400) {
$title = ' <span class="new-post-badge">New</span>' . $title ;
}
}
return $title;
}
Điều kiện is_main_query() sẽ cho phép icon “new” chỉ hiển thị trong query chính của trang, nếu bài viết đó được liệt kê trong một widget hoặc trong một shortcode thì icon “new” sẽ không hiển thị.
Lưu ý: Nếu muốn thêm icon “new” vào các trang khác nhau ví dụ như archive, category hoặc trang search. Bạn cần thay đổi điều kiện is_singular(‘post’) thành is_archive() hoặc is_search() hoặc is_category()…
Code ví dụ:
function add_new_post_badge_to_title( $title ) {
if( is_archive() || is_search() || is_category() ) { // Thay đổi điều kiện
global $post;
$post_date = get_the_date('U');
$current_date = current_time('U');
$diff = $current_date - $post_date;
if ($diff < 86400) {
$title = ' <span class="new-post-badge">New</span>' . $title ;
}
}
return $title;
}
Hàm is_archive() sẽ kiểm tra xem trang hiện tại có phải là trang archive hay không. Hàm is_search() sẽ kiểm tra xem trang hiện tại có phải là trang search hay không. Hàm is_category() sẽ kiểm tra xem trang hiện tại có phải là trang category hay không.
Các hàm trên sẽ kiểm tra xem trang hiện tại là trang archive hoặc search hoặc category nếu trả về true thì sẽ hiển thị icon “new”, nếu trả về false thì sẽ không hiển thị.
Nếu muốn custom CSS cho icon “new” bạn có thể thêm vào file css của theme hoặc thêm vào tệp functions.php
function add_new_badge_style() {
echo '<style>
.new-post-badge{
color: red;
font-size: 20px;
}
</style>';
}
add_action( 'wp_head', 'add_new_badge_style' );
Bài liên quan:
Shortcode lấy bài viết của danh mục WordPress
01/17/2023Tạo shortcode hiển thị bài viết của một danh mục WordPress gồm hình ảnh và tiêu đề dạng list. Chèn vào Functions.php: function saobay_category_posts_shortcode($atts) { ob_start(); $atts = shortcode_atts( array( ‘category’ => ”, ‘posts_per_page’ => 10, ‘order’ => ‘DESC’, ‘orderby’ => ‘date’, ), $atts ); $query = new WP_Query( array( ‘cat’ => $atts[‘category’], ‘posts_per_page’ =>…
Cách xóa credit “Add free live chat to your website” của Tawk.to
01/13/2023Có nhiều lý do để xóa credit “Add free live chat to your website” của Tawk.to và một trong số đó là ảnh hưởng khá nhiều đến SEO và làm khó chiệu tới khách hàng. Có nhiều cách để xóa bỏ “Add free live chat to your website” : Mua gói xóa link bản quyền…
Plugin tạo nút ẩn hiện nội dung và chặn Google index đoạn text WordPress
01/08/2023Mô tả plugin Plugin cho phép bạn tạo một nút ẩn/hiện đoạn nội dung cần ẩn trong bài viết đồng thời cũng chặn Google index đoạn văn ấy không cho index ra kết quả tìm kiếm: Ẩn hiện nội dung nhạy cảm như link, key, cr@ck… Ẩn văn bản trích nguồn mà bạn không muốn…
Các bước tạo một API xổ số
12/26/2022API kết quả xổ số là một API cung cấp dữ liệu về kết quả xổ số của các cuộc xổ số khác nhau. API này có thể cung cấp các thông tin như kết quả xổ số mới nhất, lô gan, các giải thưởng trong một cuộc xổ số cụ thể, và các thông…
15 Plugin tối ưu website WordPress tốt nhất được sử dụng nhiều nhất
12/26/2022Plugin là một phần mở rộng của hệ thống quản trị nội dung WordPress (CMS) cho phép bạn thêm các tính năng mới hoặc mở rộng các tính năng hiện có của trang web của bạn. Plugin có thể làm nhiều điều khác nhau, từ việc tối ưu hóa SEO cho trang web đến việc…
Các việc cần làm khi bạn vừa thiết kế xong website
12/21/2022Sau khi thiết kế một website bạn cần làm những việc sau đây để giúp website có thể xuất hiện trên top kết quả Google. Kiểm tra website xem có hoạt động ổn định hay không Để kiểm tra xem một website có hoạt động tốt hay không, bạn có thể thực hiện các bước…
Hướng dẫn cách đăng nhập VPS AMZ bằng Putty
11/07/2022Bỏ qua bước đăng ký tài khoản và tạo vps linux trên Amazon, bài viết này sẽ hướng dẫn các bạn cách đăng nhập VPS Linux Amazon khi không có password như các loại VPS của nhà cung cấp khác. Tạo file .pem để đăng nhập VPS qua cổng SSH Khi tạo VPS trên AMZ, …
Thêm icon New vào tiêu đề bài viết mới đăng WordPress
01/23/2023Để thêm icon “new” vào bài viết mới nhất trong WordPress, bạn có thể sử dụng plugin hoặc thêm mã tự viết vào tệp theme của bạn. Cách 1: Sử dụng plugin Tìm và cài đặt plugin “New Post Badges” hoặc plugin tương tự. Cấu hình plugin để hiển thị icon “new” trên bài viết…
