Sau đây mình xin giới thiệu cho các bạn cách sử dụng load more ajax trong wordpress
Đầu tiên các bạn vào đây để tại source về.
- Sau đó các bạn include file functions_load_more.php vào file function của mình, hoặc có thể copy code trong đó rồi bỏ vào file function của mình cũng được. Tiếp theo copy file js bỏ vào theme của mình.
Và cuối cùng là vào file your_template để xem định dạng hiển thị của nó như thê nào, như vậy đã xong, thật dễ dàng phải không nào.
Lưu ý để sử dụng load more ajax:
Dòng:
Dòng:
<div id="posts_list"> <article class="single-article"> <!-- posts content --> </article> </div>
Các bạn phải bỏ vào trong vòng lặp dưới nhé
<?php while ( have_posts() ) : the_post();?>
và bỏ ở ngoài while nha
<a class="load_more" data-nonce="<?php echo wp_create_nonce('load_posts') ?>" href="javascript:;">Load more</a>
Còn một điều nữa bạn cũng phải chỉnh cách hiện thị của nó trong file functions_load_more.php, không thôi là nó hiển thị đúng như ban đầu đâu.
Chúc các bạn thành công. nếu có gì thắc mắc các bạn cứ comment vào bên dưới nha. :lol:
Nguồn: doannguyenit.com
lol
ReplyDelete