Here you can change the text that appears on the button. Hi I see, that my div wrappers were missing: Yes, sure, just create an incremented variable before the loop, and in each loop iteration check if the variable is odd or even and add
wordpress load more posts without plugin wordpress load more posts without plugin
. Sorry to be a pain.. and you must be so over it, but I applied all the stuff in all the comments and managed to get it so it loads posts for all my custom queries. Thank you. Don't forget to click on the 'Save Template' button to store your settings. In this article, you will learn how to change the WordPress pagination system to the Load more button on your desire pages.For this, we will not use any plugin and all this work will be done by automatically injecting a jQuery script in the WordPress pages. To install a WordPress plugin, go to your WordPress admin area and click the "Add New" button below "Plugins". If I run the response like this: Instead of loading a whole new page, load more posts button works like infinite scroll. Please note that line23can be different for your theme, it depends on your HTML document structure. $('.mosaiko-load-more-container').append(result.html); I also think that I should give you a choice a load more button or just load posts by scroll. Basic jQuery knowledge is required but try to replace before with after. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s). I created my first new theme for a blog, and I want to have either load more button or infinite scroll, I applied everything in this post but the load more didnt work and it is not functional, Ive made few researches and nothing works, This helps me alot and saved my day :) Please share the code for the custom query as well. HostGator Review - An Honest Look at Speed & Uptime, SiteGround Reviews from 4,975 Users & Our Experts, Bluehost Review from Real Users + Performance Stats, Why You Should Start Building an Email List Right Away. The pagination_wrapper variable is self explanatory.For the image below this variable will be nav.ct-pagination. We dont want to pull the same posts when clicking on load more, but give us the same amount of posts, from the next page. Ok, I will add it to my tutorial plans. If json_encode($result) does not show anything, something else is going wrong before this code. (adsbygoogle = window.adsbygoogle || []).push({}); Its time to create and enqueue a custom js file which we will use to add our script to load more posts. If you use WP_Query, you have to include the parameters directly to the