Chèn code vào trước và sau nội dung bài viết trong wordpress

Cập nhật lần cuối 11/03/2020 by trong WordPress vào 22/12/2013 có 6708 Views

Bài hôm nay chúng ta sẽ  chèn thêm code vào trước và sau nội dùng bài viết… Chỉ là đoạn code nhỏ thôi nhưng thực sự nó rất cần thiết và hữu ích.

Ứng dụng

  • Chèn quảng cáo vào trước sau nội dung bài viết
  • Chèn Bình chọn (Votes) vào trước sau nội dùng bài viết
  • ……

Chèn code vào trước sau nội dung

Để chèn được code vào trước sau nội dung bài viết ta dùng add_filter và bộ lọc (hooks) là the_content. Bạn hãy chèn đoạn code sau vào file functions.php

Để duy trì blog nên mình có làm aff cho 1 số bên hosting. Nhưng dù aff mình cũng chọn 1 số nhà cung cấp uy tín về chất lượng và support nên các bạn cứ yên tâm nhé.

Nếu có mua hosting mà có trong list dưới đây các bạn click vào link trước khi mua để ủng hộ mình nhé. Mình cảm ơn nhiều

CODE:


add_filter( 'the_content', 'add_something_to_content_filter', 10 );// 10 và thứ tự xuất hiện

function add_something_to_content_filter( $content ) {

$original_content = $content ; // Nội dung bài viết
$add_before_content = ' <div style="border: 1px solid red; padding: 10px;">Nội dung được chèn vào trước nội dung bài viết</div> ' ;//Nội dung bạn muốn chèn vào trước
$add_after_content = ' <div style="border: 1px solid green; padding: 10px;">Nội dung được chèn vào sau nội dung bài viết</div> ' ;//Nội dung bạn muốn chèn vào sau
$content = $add_before_content . $original_content . $add_after_content ;

// trả về giá trị $content.
return $content;
}

Khi chèn đoạn code này vào rồi thì kết quả sẽ được như hình trên. Bạn hãy thay đổi nó để được như ý nhé ^^

 

Mở rộng

Bạn có thể truyền tham số của bài viết vào bằng cách thêm global $post, $posts; Ví dụ sau sẽ lấy thêm ID của bài viết. Bạn cũng chèn code sau vào file functions.php nhé

function the_content_replacer($content)
{
global $post, $posts;
$content .= "\n<div>text here $post->ID</div>";
return $content;
}
add_filter('the_content', 'the_content_replacer',20);

 

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

 

4.1/5 - (10 votes)
  • Bình luận
Sản phẩm nổi bật của Toản
x