We are running a where we share technology-based videos regularly. Recently, our one of subscriber asked us how to load WordPress post with AJAX. In reply to him, we decided to write a post on his question. So in this article, we study how to load WordPress post with AJAX using a load more button and using page scroll.The difference between the load more and a page scroll is quite simple. When using load more button, you need to click on a button to see the next set of articles.

• Wordpress Ajax Load More Custom Post Type Without Plugin

And on page scroll, when you scroll to end of a viewport, next set of articles will automatically get loaded.Let’s assume you have a couple of posts and you need to display 2 posts first-time on page load and then by clicking on ‘Load More’ or on ‘Page Scroll’ next 2 posts should display. This process would continue until all of your articles are displayed.Create a new page called ‘Blog’. To display your posts on Blog page create custom template page-blog.php in your active theme directory.Now when users visit your blog page they should see 2 posts. Best shows on netflix.

So, add the code below in your custom template file. I have got the basic version working, but how do I adapt it for my needs?– I have a custom query – how do I accommodate this? Actually, multiple similar query blocks on the same taxonomy template, each output with foreach, and each of which has slightly different arguments. One problem with the code as-is is that it does not discriminate. How can I made the call specific to the section in which it was clicked and to use the same query?– Also, when I click “Load more”,.all. sections load new posts. But it should only be the section which was clicked.– I could adapt the.my-posts class in the HTML to something like.my-posts-somethingunique – but how can I make the Javascript service anything more than.my-posts, and how can I ensure that load comes from the correct “Load more” link click?

Wordpress Ajax Load More Custom Post Type Without Plugin

Something to do with a data= parameter in the tag?More about my case at from before I got this basic version working.Thanks.

Description Note: IT’S NOT AJAX. SO DON’T PUT REVIEW REGARDING TO THIS TOPIC if you face any issue then comment. Please don’t review regarding ajax/jquery issue. I just make this for helping people. Don’t use if you want ajax. ThanksNo need to add any code on your theme core file.

Just plug and play.A simple plugin that helps you to Load more any item. You can use Load More button for your blog post, Comments, page, Category, Recent Posts, Sidebar widget Data, Woocommerce Product, Images, Photos, Videos, custom Div or whatever you want. Features:. No need to put any code on theme files. No need addaction or addfilter hooks. Load more anything you want. Customizable Load More button.

Custom CSS. Up to 6 Wrapper. Display Flexbox SupportedWhere you can use Load More button?. Blog Posts. Menus. Lists.

Comments. Sidebar Widgets. Woocommerce products. Gallery. Any looped divVideo Tutorial.