[Wordpress] Thêm từ “Tài Trợ” trước tiêu đề bài viết

Hiện nay, các blogger thường có những bài viết được trả tiền. Những bài viết như thế họ thường sẽ thêm từ “Tài Trợ”. Trong bài viết này chúng tôi sẽ hướng dẫn đến các bạn thêm từ “Tài Trợ” vào tiêu đề bài viết trong wordpresss.

Chúng ta sẽ sử dụng Custom Fields để thêm vào tiêu đề bài viết.

Trước tiên, bạn tạo một bài viết mới hoặc chỉnh sửa nếu có sẵn. Trong trình soạn thảo bài viết, di chuyển xuống khu vực Custom Fields. Nếu bạn không thấy, bạn nhấn vào nút “Screen Options” ở góc trên bên phải. Một Menu sẽ mở ra, bạn đánh dấu chọn vào Custom Fields.

Di chuyển xuống khu vực Custom Fields, Click vào “Enter new” vào thêm vào tab “Name” là “sponsored” và “Value” là “true”. Nhấn vào nút “Add Custom Field” để hoàn thành.

Sau đó, lưu bài viết lại

Tiếp theo, bạn mở file “functions.php” của themes đang sử dụng và chèn vào đoạn code sau:


add_filter( 'the_title', 'wpb_sponsored' );
function wpb_sponsored( $title ) {
   global $post;
   $sponsored_text = '<span class="sponsored_text">Tài Trợ </span> ';
   $sponsored = get_post_meta($post->ID, 'sponsored', true);
   if( $sponsored == 'true' && in_the_loop() ){
       return $sponsored_text.$title;
   }
   return $title;
}

Mở file “style.css” của theme để định dạng cho đẹp đoạn text hiển thị.


.sponsored_text { 
background: #eeffee;
font-size:small;
text-transform: uppercase;
padding:5px;
}

Nếu các bạn muốn từ “Tài Trợ” xuất hiện đăng sau tiêu đề bạn chỉ cần chỉnh đoạn code trong file “functions.php” lại như sau:


add_filter( 'the_title', 'wpb_sponsored' );
function wpb_sponsored( $title ) {
   global $post;
   $sponsored_text = '<span class="sponsored_text"> Tài Trợ</span> ';
   $sponsored = get_post_meta($post->ID, 'sponsored', true);
   if( $sponsored == 'true' && in_the_loop() ){
       return $title . $sponsored_text;
   }
   return $title;
}

Chúc các bạn thành công!

Nguồn: wpbeginner.com