[WordPress] Load more posts on click

[mikes02]

I have a page that is using a custom query to display the 6 latest posts from a specific category, at the bottom I would like to have a button that when clicked it loads the next 6 articles, I have scoured the internet for something to accomplish this and it seems none of the tutorials work with custom queries or will load the next set of articles on click, I don’t want to replace the 6 articles that show originally, I just want to load in 6 more, and keep the process repeating until there are no articles left. Any ideas would be greatly appreciated.

[nixnerd]

Dude, I gotta ask, why wouldn’t you just use infinite scroll? From a UI/UX standpoint, scroll is less steps than clicking and they will just keep loading forever. They’ll even loop around to the beginning! I’m pretty sure you can hack that to stop when it’s reached the oldest post but if not… viola, there you go.

[mikes02]

Because it isn’t the functionality that was asked for, I am looking for a way to load more on click.

[John]

NM

[mikes02]

That’s not at all what I’m asking about.

[nixnerd]

Because it isn’t the functionality that was asked for

K. Sorry. Just trying to suggest something easier. My bad.

I don’t think there’s an easy way of accomplishing this, nor do I think there is just one way. You could look at the infinite scroll code and create a function to trigger it upon the clicking of a button, rather than scrolling. You could make a container that has a height of 0 until said button is clicked. Again… this will need to be a JS function. Obviously this container will hold the other posts. Upon clicking it, the height will go from ‘0’ to ‘auto’.

What I’m trying to say is… this will require a mix of PHP, CSS and JS/Jquery. There MIGHT be a plugin that does this. Try looking. But, if you have to build it yourself. There is n number of ways to do that. Pick your poison.

BTW, what are you looking at in your photo?

[jekkilekki]

I’m also looking to do the same thing in my plugin. Did you ever figure this out?

I found this link about using AJAX to do it. Going to have a look at it and see if I can make it work.

Also, here’s some similar code (maybe the same) on GitHub.

[Alen]

I’m on mobile now, but this https://wordpress.org/plugins/ajax-load-more/ I’ve worked with and it should do what you require.

[GMK Hussain]

Maybe is helpful
http://www.problogdesign.com/wordpress/load-next-wordpress-posts-with-ajax/

[GMK Hussain]

Or try with jQuery
http://gmkhussain.blogspot.com/2015/12/load-more-posts-on-click-using-jquery.html

[Author]

Posts