Chèn Code Vào Trước Và Sau Nội Dung Bài Viết Trong Wordpress

Có thể bạn quan tâm

• Tùy biến trang đăng nhập wordpress: login_headerurl and login_headertitle
• Chia sẻ nút đếm ngược để hiển thị mật khẩu trong WordPress
• Thêm nút next và previous vào trang single WordPress
• Giới hạn độ dài tiêu đề bài viết trong wordpress khi dùng hàm the_title()
• Hiển thị tất cả category của custom post type | get the terms

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

• Azdigi: Giá rẻ thì dùng gói Pro Gold Hosting còn chất lượng hơn thì em khuyên dùng Business Hosting. Có điều kiện thì lên VPS nhé
• Tino hosting
• iNet
• Nước ngoài thì Vultr

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é ^^

Kho plugin của tôi DevVN Reviews for Woocommerce Plugin mua hàng nhanh cho woocommerce – Woocommerce Quick buy Plugin kết nối giao hàng tiết kiệm với Woocommerce – GHTK for Woocommerce Plugin Kết nối Zalo OA với WordPress

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) Từ khóa: add_filter, hàm wordpress, wordpress Bài viết có ích cho bạn? Hãy chia sẻ ngay: Bài viết cùng chuyên mục

• Code thêm nhanh hàng loạt ảnh cho biến thể sản phẩm trong WooCommerce
• Chia sẻ code thêm nhanh thuộc tính trong Woo
• Tối ưu sản phẩm tương tự trong Woo: chỉ lấy theo danh mục con sâu nhất
• Cách ẩn cảnh báo nâng cấp PHP trong WordPress
• Mẹo nhỏ để Lazy load iframe cho WordPress

Bài viết liên quan

• Chia sẻ cách để mỗi số điện thoại, email chỉ được đăng ký một lần duy nhất khi dùng Contact Form 7 (CF7)
• Chia sẻ code theo dõi đơn hàng bằng số điện thoại và Order ID trong Woo
• Hướng dẫn xoá nhanh bình luận spam bằng WP CLI với Terminal trong WordPress
• Chia sẻ mẹo nhỏ để chặn comment spam trong WordPress
• Chia sẻ nút đếm ngược để hiển thị mật khẩu trong WordPress

• Bình luận