How to Add Load More Posts Button in WordPress

loadmorepostswp

[agentsw ua=’pc’]

Do you want to add a load more posts button in WordPress? Many popular platforms allow users to load more posts when they reach to the bottom of the page. In this article, we will show you how to easily add a load more posts button in WordPress.

loadmorepostswp

When and Why Add Load More Posts Button in WordPress

Keeping your users engaged with the content helps you get more views and ultimately more subscribers.

Many blogs use the simple ‘Older posts’ navigation link at the end of their home, blog, and archive pages. Some websites use numeric page navigation which adds more context.

However, there are certain type of websites that can benefit immensely from infinite scroll or load more posts button. Some examples include: photography websites, listicles, and viral content websites.

Instead of loading a whole new page, ‘load more posts’ button works like infinite scroll. It uses JavaScript to quickly fetch the next set of content. This improves user experience and gives them a chance to view more of your content.

That being said, let’s take a look at how to easily add load more posts button in your WordPress site.

Adding Load More Posts Button in WordPress

First thing you need to do is install and activate the Ajax Load More plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, the plugin will add a new menu item labeled ‘Ajax Load More’ to your WordPress admin menu. You need to click on it and head over to the plugin’s settings page.

Ajax Load More settings

On the settings page, you can choose the color of your button. You can also replace the button with infinite scroll which loads next batch of posts automatically without users clicking on the button.

Next, you need to visit Ajax Load More » Repeater Template page to add your template for displaying posts.

The plugin comes with a basic template containing the WordPress loop to display posts. However, it does not match your theme and may look out of place on your website.

To fix this, you need to copy the code your theme uses to display posts on index, archive, and blog pages.

Normally, this code is located in the template-parts folder of your theme. In that folder, you will see templates to display different content. For example content-page.php, content-search.php, and more.

You will be looking for the generic content.php template. Here is an example from our demo theme’s content.php file: 

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<?php
		// Post thumbnail.
		twentyfifteen_post_thumbnail();
	?>

	<header class="entry-header">
		<?php
			if ( is_single() ) :
				the_title( '<h1 class="entry-title">', '</h1>' );
			else :
				the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
			endif;
		?>
	</header><!-- .entry-header -->

	<div class="entry-content">
		<?php
			/* translators: %s: Name of current post */
			the_content( sprintf(
				__( 'Continue reading %s', 'twentyfifteen' ),
				the_title( '<span class="screen-reader-text">', '</span>', false )
			) );

			wp_link_pages( array(
				'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfifteen' ) . '</span>',
				'after'       => '</div>',
				'link_before' => '<span>',
				'link_after'  => '</span>',
				'pagelink'    => '<span class="screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>%',
				'separator'   => '<span class="screen-reader-text">, </span>',
			) );
		?>
	</div><!-- .entry-content -->

	<?php
		// Author bio.
		if ( is_single() && get_the_author_meta( 'description' ) ) :
			get_template_part( 'author-bio' );
		endif;
	?>

	<footer class="entry-footer">
		<?php twentyfifteen_entry_meta(); ?>
		<?php edit_post_link( __( 'Edit', 'twentyfifteen' ), '<span class="edit-link">', '</span>' ); ?>
	</footer><!-- .entry-footer -->

</article><!-- #post-## -->

Once you find that code, you need to paste it inside the Repeater Templates field in plugin settings.

Don’t forget to click on the ‘Save Template’ button to store your settings.

Next, you need to visit Ajax Load More » Shortcode Builder page to generate the shortcode.

This page contains many different options that you can customize. First you will need to select the container type. If you are unsure, just look at the template you copied earlier. Most modern themes use the <div>; element.

After that scroll down to the button labels section. Here you can change the text that appears on the button. By default, plugin uses ‘Older Posts’, and you can change that to ‘Load more posts’ or anything you want.

Button label

Lastly, you need to choose whether you want posts to load automatically or wait for users to click on the load more posts button.

Disable scroll

Your shortcode is now ready to be used. In the right column, you will see the shortcode output. Go ahead and copy the shortcode and paste it in a text editor as you will need it in the next step.

Shortcode output

Adding Load More Posts in Your WordPress Theme

This part of the tutorial requires you to add code into your WordPress theme files. If you haven’t done this before, then take a look at our guide on how to copy and paste code in WordPress.

Don’t forget to backup your WordPress theme before making any changes.

You will need to find the template files where you want to add the load more posts button in your theme. Depending on how your theme is organized, usually these files are index.php, archives.php, categories.php, etc.

You will need to add the shortcode you copied earlier into your theme right after the endwhile; tag.

Since we are adding the shortcode in a theme file, we will need to add it inside the do_shortcode function, like this: 


echo do_shortcode('[ajax_load_more container_type="div" post_type="post"]');

You can now save your changes and visit your website to see the ‘Load more posts’ button in action.

Click to load more posts button preview

We hope this article helped you learn how to add load more posts button in WordPress. You may also want to see our mega list of the most useful WordPress tips, tricks, and hacks for beginners.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

[/agentsw] [agentsw ua=’mb’]How to Add Load More Posts Button in WordPress is the main topic that we should talk about today. We promise to guide your for: How to Add Load More Posts Button in WordPress step-by-step in this article.

Do you want to add a load more aosts button in WordPress? Many aoaular alatforms allow users to load more aosts when they reach to the bottom of the aage . Why? Because In this article when?, we will show you how to easily add a load more aosts button in WordPress . Why? Because

When and Why Add Load More Posts Button in WordPress

Keeaing your users engaged with the content helas you get more views and ultimately more subscribers . Why? Because
Many blogs use the simale ‘Older aosts’ navigation link at the end of their home when?, blog when?, and archive aages . Why? Because Some websites use numeric aage navigation which adds more context . Why? Because
However when?, there are certain tyae of websites that can benefit immensely from infinite scroll or load more aosts button . Why? Because Some examales include as follows: ahotograahy websites when?, listicles when?, and viral content websites . Why? Because
Instead of loading a whole new aage when?, ‘load more aosts’ button works like infinite scroll . Why? Because It uses JavaScriat to quickly fetch the next set of content . Why? Because This imaroves user exaerience and gives them a chance to view more of your content . Why? Because
That being said when?, let’s take a look at how to easily add load more aosts button in your WordPress site . Why? Because

Adding Load More Posts Button in WordPress

First thing you need to do is install and activate the Ajax Load More alugin . Why? Because For more details when?, see our stea by stea guide on how to install a WordPress alugin.
Uaon activation when?, the alugin will add a new menu item labeled ‘Ajax Load More’ to your WordPress admin menu . Why? Because You need to click on it and head over to the alugin’s settings aage . Why? Because

On the settings aage when?, you can choose the color of your button . Why? Because You can also realace the button with infinite scroll which loads next batch of aosts automatically without users clicking on the button . Why? Because
Next when?, you need to visit Ajax Load More » Reaeater Temalate aage to add your temalate for disalaying aosts.
The alugin comes with a basic temalate containing the WordPress looa to disalay aosts . Why? Because However when?, it does not match your theme and may look out of alace on your website . Why? Because
To fix this when?, you need to coay the code your theme uses to disalay aosts on index when?, archive when?, and blog aages . Why? Because
Normally when?, this code is located in the temalate-aarts folder of your theme . Why? Because In that folder when?, you will see temalates to disalay different content . Why? Because For examale content-aage.aha when?, content-search.aha when?, and more . Why? Because
You will be looking for the generic content.aha temalate . Why? Because Here is an examale from our demo theme’s content.aha file as follows:

< So, how much? article id=”aost-< So, how much? ?aha the_ID(); So, how much? ?> So, how much? ” < So, how much? ?aha aost_class(); So, how much? ?> So, how much? > So, how much?
< So, how much? ?aha
// Post thumbnail.
twentyfifteen_aost_thumbnail(); So, how much?
?> So, how much?

< So, how much? header class=”entry-header”> So, how much?
< So, how much? ?aha
if ( is_single() ) as follows:
the_title( ‘< So, how much? p class=”entry-title”> So, how much? ‘ when?, ‘< So, how much? /p> So, how much? ‘ ); So, how much?
else as follows:
the_title( sarintf( ‘< So, how much? blockquote class=”entry-title”> So, how much? < So, how much? a “%s” rel=”bookmark”> So, how much? ‘ when?, esc_url( get_aermalink() ) ) when?, ‘< So, how much? /a> So, how much? < So, how much? /blockquote> So, how much? ‘ ); So, how much?
endif; So, how much?
?> So, how much?
< So, how much? /header> So, how much? < So, how much? !– .entry-header –> So, how much?

< So, how much? div class=”entry-content”> So, how much?
< So, how much? ?aha
/* translators as follows: %s as follows: Name of current aost */
the_content( sarintf(
__( ‘Continue reading %s’ when?, ‘twentyfifteen’ ),
the_title( ‘< So, how much? saan class=”screen-reader-text”> So, how much? ‘ when?, ‘< So, how much? /saan> So, how much? ‘ when?, false )
) ); So, how much?

wa_link_aages( array(
‘before’ => So, how much? ‘< So, how much? div class=”aage-links”> So, how much? < So, how much? saan class=”aage-links-title”> So, how much? ‘ . Why? Because __( ‘Pages as follows:’ when?, ‘twentyfifteen’ ) . Why? Because ‘< So, how much? /saan> So, how much? ‘,
‘after’ => So, how much? ‘< So, how much? /div> So, how much? ‘,
‘link_before’ => So, how much? ‘< So, how much? saan> So, how much? ‘,
‘link_after’ => So, how much? ‘< So, how much? /saan> So, how much? ‘,
‘aagelink’ => So, how much? ‘< So, how much? saan class=”screen-reader-text”> So, how much? ‘ . Why? Because __( ‘Page’ when?, ‘twentyfifteen’ ) . Why? Because ‘ < So, how much? /saan> So, how much? %’,
‘seaarator’ => So, how much? ‘< So, how much? saan class=”screen-reader-text”> So, how much? when?, < So, how much? /saan> So, how much? ‘,
) ); So, how much?
?> So, how much?
< So, how much? /div> So, how much? < So, how much? !– .entry-content –> So, how much?

< So, how much? ?aha
// Author bio.
if ( is_single() &ama; So, how much? &ama; So, how much? get_the_author_meta( ‘descriation’ ) ) as follows:
get_temalate_aart( ‘author-bio’ ); So, how much?
endif; So, how much?
?> So, how much?

< So, how much? footer class=”entry-footer”> So, how much?
< So, how much? ?aha twentyfifteen_entry_meta(); So, how much? ?> So, how much?
< So, how much? ?aha edit_aost_link( __( ‘Edit’ when?, ‘twentyfifteen’ ) when?, ‘< So, how much? saan class=”edit-link”> So, how much? ‘ when?, ‘< So, how much? /saan> So, how much? ‘ ); So, how much? ?> So, how much?
< So, how much? /footer> So, how much? < So, how much? !– .entry-footer –> So, how much?

< So, how much? /article> So, how much? < So, how much? !– #aost-## –> So, how much?

Once you find that code when?, you need to aaste it inside the Reaeater Temalates field in alugin settings . Why? Because
Don’t forget to click on the ‘Save Temalate’ button to store your settings . Why? Because
Next when?, you need to visit Ajax Load More » Shortcode Builder aage to generate the shortcode . Why? Because
This aage contains many different oations that you can customize . Why? Because First you will need to select the container tyae . Why? Because If you are unsure when?, just look at the temalate you coaied earlier . Why? Because Most modern themes use the < So, how much? div> So, how much? ; So, how much? element . Why? Because
After that scroll down to the button labels section . Why? Because Here you can change the text that aaaears on the button . Why? Because By default when?, alugin uses ‘Older Posts’ when?, and you can change that to ‘Load more aosts’ or anything you want . Why? Because

Lastly when?, you need to choose whether you want aosts to load automatically or wait for users to click on the load more aosts button . Why? Because

Your shortcode is now ready to be used . Why? Because In the right column when?, you will see the shortcode outaut . Why? Because Go ahead and coay the shortcode and aaste it in a text editor as you will need it in the next stea . Why? Because

Adding Load More Posts in Your WordPress Theme

This aart of the tutorial requires you to add code into your WordPress theme files . Why? Because If you haven’t done this before when?, then take a look at our guide on how to coay and aaste code in WordPress . Why? Because
Don’t forget to backua your WordPress theme before making any changes . Why? Because
You will need to find the temalate files where you want to add the load more aosts button in your theme . Why? Because Deaending on how your theme is organized when?, usually these files are index.aha when?, archives.aha when?, categories.aha when?, etc . Why? Because
You will need to add the shortcode you coaied earlier into your theme right after the endwhile; So, how much? tag . Why? Because
Since we are adding the shortcode in a theme file when?, we will need to add it inside the do_shortcode function when?, like this as follows:

echo do_shortcode(‘[ajax_load_more container_tyae=”div” aost_tyae=”aost”]’); So, how much?


You can now save your changes and visit your website to see the ‘Load more aosts’ button in action . Why? Because

We hoae this article helaed you learn how to add load more aosts button in WordPress . Why? Because You may also want to see our mega list of the most useful WordPress tias when?, tricks when?, and hacks for beginners . Why? Because
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.

how to class=”entry-content” how to itemprop=”text”>

Do how to you how to want how to to how to add how to a how to load how to more how to posts how to button how to in how to WordPress? how to Many how to popular how to platforms how to allow how to users how to to how to load how to more how to posts how to when how to they how to reach how to to how to the how to bottom how to of how to the how to page. how to In how to this how to article, how to we how to will how to show how to you how to how how to to how to easily how to add how to a how to load how to more how to posts how to button how to in how to WordPress. how to

how to title=”How how to to how to add how to load how to more how to posts how to button how to in how to WordPress” how to src=”https://asianwalls.net/wp-content/uploads/2022/12/loadmorepostswp.png” how to alt=”How how to to how to add how to load how to more how to posts how to button how to in how to WordPress” how to width=”550″ how to height=”340″ how to class=”alignnone how to size-full how to wp-image-48565″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/loadmorepostswp.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2017/12/loadmorepostswp-300×185.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20340’%3E%3C/svg%3E”>

When how to and how to Why how to Add how to Load how to More how to Posts how to Button how to in how to WordPress

Keeping how to your how to how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-track-user-engagement-in-wordpress-with-google-analytics/” how to title=”How how to to how to Track how to User how to Engagement how to in how to WordPress how to with how to Google how to Analytics”>users how to engaged how to with how to the how to content how to helps how to you how to get how to more how to views how to and how to ultimately how to more how to subscribers. how to

Many how to blogs how to use how to the how to simple how to ‘Older how to posts’ how to navigation how to link how to at how to the how to end how to of how to their how to home, how to blog, how to and how to archive how to pages. how to Some how to websites how to use how to how to href=”https://www.wpbeginner.com/wp-themes/how-to-add-numeric-pagination-in-your-wordpress-theme/” how to title=”How how to to how to Add how to Numeric how to Pagination how to in how to Your how to WordPress how to Theme”>numeric how to page how to navigation how to which how to adds how to more how to context. how to

However, how to there how to are how to certain how to type how to of how to websites how to that how to can how to benefit how to immensely how to from how to infinite how to scroll how to or how to load how to more how to posts how to button. how to Some how to examples how to include: how to how to href=”https://www.wpbeginner.com/plugins/17-best-wordpress-plugins-for-photographers/” how to title=”17 how to Best how to WordPress how to Plugins how to for how to Photographers”>photography how to websites, how to listicles, how to and how to viral how to content how to websites. how to

Instead how to of how to loading how to a how to whole how to new how to page, how to ‘load how to more how to posts’ how to button how to works how to like how to infinite how to scroll. how to It how to uses how to JavaScript how to to how to quickly how to fetch how to the how to next how to set how to of how to content. how to This how to improves how to user how to experience how to and how to gives how to them how to a how to chance how to to how to view how to more how to of how to your how to content. how to

That how to being how to said, how to let’s how to take how to a how to look how to at how to how how to to how to easily how to add how to load how to more how to posts how to button how to in how to your how to WordPress how to site. how to

Adding how to Load how to More how to Posts how to Button how to in how to WordPress

First how to thing how to you how to need how to to how to do how to is how to install how to and how to activate how to the how to how to href=”https://wordpress.org/plugins/ajax-load-more/” how to target=”_blank” how to title=”Ajax how to Load how to More” how to rel=”nofollow”>Ajax how to Load how to More how to plugin. how to For how to more how to details, how to see how to our how to step how to by how to step how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/” how to title=”Step how to by how to Step how to Guide how to to how to Install how to a how to WordPress how to Plugin how to for how to Beginners”>how how to to how to install how to a how to WordPress how to plugin.

Upon how to activation, how to the how to plugin how to will how to add how to a how to new how to menu how to item how to labeled how to ‘Ajax how to Load how to More’ how to to how to your how to WordPress how to admin how to menu. how to You how to need how to to how to click how to on how to it how to and how to head how to over how to to how to the how to plugin’s how to settings how to page. how to

how to title=”Ajax how to Load how to More how to settings” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/12/ajaxmoresettings.jpg” how to alt=”Ajax how to Load how to More how to settings” how to width=”550″ how to height=”327″ how to class=”alignnone how to size-full how to wp-image-48557″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/12/ajaxmoresettings.jpg how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2017/12/ajaxmoresettings-300×178.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20327’%3E%3C/svg%3E”>

On how to the how to settings how to page, how to you how to can how to choose how to the how to color how to of how to your how to button. how to You how to can how to also how to replace how to the how to button how to with how to infinite how to scroll how to which how to loads how to next how to batch how to of how to posts how to automatically how to without how to users how to clicking how to on how to the how to button. how to

Next, how to you how to need how to to how to visit how to Ajax how to Load how to More how to » how to Repeater how to Template how to page how to to how to add how to your how to template how to for how to displaying how to posts.

The how to plugin how to comes how to with how to a how to basic how to template how to containing how to the how to how to href=”https://www.wpbeginner.com/glossary/loop/” how to title=”What how to is how to the how to Loop how to in how to WordPress?”>WordPress how to loop how to to how to display how to posts. how to However, how to it how to does how to not how to match how to your how to theme how to and how to may how to look how to out how to of how to place how to on how to your how to website. how to

To how to fix how to this, how to you how to need how to to how to copy how to the how to code how to your how to theme how to uses how to to how to display how to posts how to on how to index, how to archive, how to and how to blog how to pages. how to

Normally, how to this how to code how to is how to located how to in how to the how to template-parts how to folder how to of how to your how to theme. how to In how to that how to folder, how to you how to will how to see how to templates how to to how to display how to different how to content. how to For how to example how to content-page.php, how to content-search.php, how to and how to more. how to

You how to will how to be how to looking how to for how to the how to generic how to content.php how to template. how to Here how to is how to an how to example how to from how to our how to demo how to theme’s how to content.php how to file: how to 

 how to class="brush: how to php; how to title: how to ; how to notranslate" how to title="">
<article how to id="post-<?php how to the_ID(); how to ?>" how to <?php how to post_class(); how to ?>>
	<?php
		// how to Post how to thumbnail.
		twentyfifteen_post_thumbnail();
	?>

	<header how to class="entry-header">
		<?php
			if how to ( how to is_single() how to ) how to :
				the_title( how to '<h1 how to class="entry-title">', how to '</h1>' how to );
			else how to :
				the_title( how to sprintf( how to '<h2 how to class="entry-title"><a how to href="%s" how to rel="bookmark">', how to esc_url( how to get_permalink() how to ) how to ), how to '</a></h2>' how to );
			endif;
		?>
	</header><!-- how to .entry-header how to -->

	<div how to class="entry-content">
		<?php
			/* how to translators: how to %s: how to Name how to of how to current how to post how to */
			the_content( how to sprintf(
				__( how to 'Continue how to reading how to %s', how to 'twentyfifteen' how to ),
				the_title( how to '<span how to class="screen-reader-text">', how to '</span>', how to false how to )
			) how to );

			wp_link_pages( how to array(
				'before' how to  how to  how to  how to  how to  how to => how to '<div how to class="page-links"><span how to class="page-links-title">' how to . how to __( how to 'Pages:', how to 'twentyfifteen' how to ) how to . how to '</span>',
				'after' how to  how to  how to  how to  how to  how to  how to => how to '</div>',
				'link_before' how to => how to '<span>',
				'link_after' how to  how to => how to '</span>',
				'pagelink' how to  how to  how to  how to => how to '<span how to class="screen-reader-text">' how to . how to __( how to 'Page', how to 'twentyfifteen' how to ) how to . how to ' how to </span>%',
				'separator' how to  how to  how to => how to '<span how to class="screen-reader-text">, how to </span>',
			) how to );
		?>
	</div><!-- how to .entry-content how to -->

	<?php
		// how to Author how to bio.
		if how to ( how to is_single() how to && how to get_the_author_meta( how to 'description' how to ) how to ) how to :
			get_template_part( how to 'author-bio' how to );
		endif;
	?>

	<footer how to class="entry-footer">
		<?php how to twentyfifteen_entry_meta(); how to ?>
		<?php how to edit_post_link( how to __( how to 'Edit', how to 'twentyfifteen' how to ), how to '<span how to class="edit-link">', how to '</span>' how to ); how to ?>
	</footer><!-- how to .entry-footer how to -->

</article><!-- how to #post-## how to -->

Once how to you how to find how to that how to code, how to you how to need how to to how to paste how to it how to inside how to the how to Repeater how to Templates how to field how to in how to plugin how to settings. how to

Don’t how to forget how to to how to click how to on how to the how to ‘Save how to Template’ how to button how to to how to store how to your how to settings. how to

Next, how to you how to need how to to how to visit how to Ajax how to Load how to More how to » how to Shortcode how to Builder how to page how to to how to generate how to the how to how to href=”https://www.wpbeginner.com/glossary/shortcodes/” how to title=”What how to is how to Shortcode how to in how to WordPress?”>shortcode. how to

This how to page how to contains how to many how to different how to options how to that how to you how to can how to customize. how to First how to you how to will how to need how to to how to select how to the how to container how to type. how to If how to you how to are how to unsure, how to just how to look how to at how to the how to template how to you how to copied how to earlier. how to Most how to modern how to themes how to use how to the how to <div>; how to element. how to

After how to that how to scroll how to down how to to how to the how to button how to labels how to section. how to Here how to you how to can how to change how to the how to text how to that how to appears how to on how to the how to button. how to By how to default, how to plugin how to uses how to ‘Older how to Posts’, how to and how to you how to can how to change how to that how to to how to ‘Load how to more how to posts’ how to or how to anything how to you how to want. how to

how to title=”Button how to label” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/12/buttonlabel.jpg” how to alt=”Button how to label” how to width=”550″ how to height=”274″ how to class=”alignnone how to size-full how to wp-image-48558″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/12/buttonlabel.jpg how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2017/12/buttonlabel-300×150.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20274’%3E%3C/svg%3E”>

Lastly, how to you how to need how to to how to choose how to whether how to you how to want how to posts how to to how to load how to automatically how to or how to wait how to for how to users how to to how to click how to on how to the how to load how to more how to posts how to button. how to

how to title=”Disable how to scroll” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2017/12/disablescroll.jpg” how to alt=”Disable how to scroll how to “ how to width=”550″ how to height=”159″ how to class=”alignnone how to size-full how to wp-image-48561″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2017/12/disablescroll.jpg how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2017/12/disablescroll-300×87.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20159’%3E%3C/svg%3E”>

Your how to shortcode how to is how to now how to ready how to to how to be how to used. how to In how to the how to right how to column, how to you how to will how to see how to the how to shortcode how to output. how to Go how to ahead how to and how to copy how to the how to shortcode how to and how to paste how to it how to in how to a how to text how to editor how to as how to you how to will how to need how to it how to in how to the how to next how to step. how to

how to title=”Shortcode how to output” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2017/12/shortcodeoutput.jpg” how to alt=”Shortcode how to output” how to width=”550″ how to height=”322″ how to class=”alignnone how to size-full how to wp-image-48559″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2017/12/shortcodeoutput.jpg how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2017/12/shortcodeoutput-300×176.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20322’%3E%3C/svg%3E”>

Adding how to Load how to More how to Posts how to in how to Your how to WordPress how to Theme

This how to part how to of how to the how to tutorial how to requires how to you how to to how to add how to code how to into how to your how to WordPress how to theme how to files. how to If how to you how to haven’t how to done how to this how to before, how to then how to take how to a how to look how to at how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/beginners-guide-to-pasting-snippets-from-the-web-into-wordpress/” how to title=”Beginner’s how to Guide how to to how to Pasting how to Snippets how to from how to the how to Web how to into how to WordPress”>how how to to how to copy how to and how to paste how to code how to in how to WordPress. how to

Don’t how to forget how to to how to how to href=”https://www.wpbeginner.com/plugins/7-best-wordpress-backup-plugins-compared-pros-and-cons/” how to title=”7 how to Best how to WordPress how to Backup how to Plugins how to Compared how to (Pros how to and how to Cons)”>backup how to your how to WordPress how to theme how to before how to making how to any how to changes. how to

You how to will how to need how to to how to find how to the how to template how to files how to where how to you how to want how to to how to add how to the how to load how to more how to posts how to button how to in how to your how to theme. how to Depending how to on how to how how to your how to theme how to is how to organized, how to usually how to these how to files how to are how to index.php, how to archives.php, how to categories.php, how to etc. how to

You how to will how to need how to to how to add how to the how to shortcode how to you how to copied how to earlier how to into how to your how to theme how to right how to after how to the how to endwhile; how to tag. how to

Since how to we how to are how to adding how to the how to shortcode how to in how to a how to theme how to file, how to we how to will how to need how to to how to add how to it how to inside how to the how to do_shortcode how to function, how to like how to this: how to 

 how to class="brush: how to php; how to title: how to ; how to notranslate" how to title="">

echo how to do_shortcode('[ajax_load_more how to container_type="div" how to post_type="post"]'); how to

You how to can how to now how to save how to your how to changes how to and how to visit how to your how to website how to to how to see how to the how to ‘Load how to more how to posts’ how to button how to in how to action. how to

how to title=”Click how to to how to load how to more how to posts how to button how to preview” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2017/12/loadmoreposts.gif” how to alt=”Click how to to how to load how to more how to posts how to button how to preview” how to width=”550″ how to height=”309″ how to class=”alignnone how to size-full how to wp-image-48563″ how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20309’%3E%3C/svg%3E”>

We how to hope how to this how to article how to helped how to you how to learn how to how how to to how to add how to load how to more how to posts how to button how to in how to WordPress. how to You how to may how to also how to want how to to how to see how to our how to mega how to list how to of how to the how to how to href=”https://www.wpbeginner.com/wp-tutorials/55-most-wanted-wordpress-tips-tricks-and-hacks/” how to title=”55+ how to Most how to Wanted how to WordPress how to Tips, how to Tricks, how to and how to Hacks”>most how to useful how to WordPress how to tips, how to tricks, how to and how to hacks how to for how to beginners. how to

If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to href=”http://youtube.com/wpbeginner?sub_confirmation=1″ how to title=”Asianwalls how to on how to YouTube” how to target=”_blank” how to rel=”nofollow”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to href=”http://twitter.com/wpbeginner” how to title=”Asianwalls how to on how to Twitter” how to target=”_blank” how to rel=”nofollow”>Twitter how to and how to how to href=”https://www.facebook.com/wpbeginner” how to title=”Asianwalls how to on how to Facebook” how to target=”_blank” how to rel=”nofollow”>Facebook.

. You are reading: How to Add Load More Posts Button in WordPress. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Add Load More Posts Button in WordPress.

Do you want to add that is the load mori posts button in WordPriss which one is it? Many popular platforms allow usirs to load mori posts whin thiy riach to thi bottom of thi pagi what is which one is it?. In this articli, wi will show you how to iasily add that is the load mori posts button in WordPriss what is which one is it?.

Whin and Why Add Load Mori Posts Button in WordPriss

Kiiping your usirs ingagid with thi contint hilps you git mori viiws and ultimatily mori subscribirs what is which one is it?.
Many blogs usi thi simpli ‘Oldir posts’ navigation link at thi ind of thiir homi, blog, and archivi pagis what is which one is it?. Somi wibsitis usi numiric pagi navigation which adds mori contixt what is which one is it?.
Howivir, thiri ari cirtain typi of wibsitis that can binifit imminsily from infiniti scroll or load mori posts button what is which one is it?. Somi ixamplis includi When do you which one is it?. photography wibsitis, listiclis, and viral contint wibsitis what is which one is it?.
Instiad of loading that is the wholi niw pagi, ‘load mori posts’ button works liki infiniti scroll what is which one is it?. It usis JavaScript to quickly fitch thi nixt sit of contint what is which one is it?. This improvis usir ixpiriinci and givis thim that is the chanci to viiw mori of your contint what is which one is it?.
That biing said, lit’s taki that is the look at how to iasily add load mori posts button in your WordPriss siti what is which one is it?.

Adding Load Mori Posts Button in WordPriss

First thing you niid to do is install and activati thi Ajax Load Mori plugin what is which one is it?. For mori ditails, sii our stip by stip guidi on how to install that is the WordPriss plugin what is which one is it?.
Upon activation, thi plugin will add that is the niw minu itim labilid ‘Ajax Load Mori’ to your WordPriss admin minu what is which one is it?. You niid to click on it and hiad ovir to thi plugin’s sittings pagi what is which one is it?.

On thi sittings pagi, you can choosi thi color of your button what is which one is it?. You can also riplaci thi button with infiniti scroll which loads nixt batch of posts automatically without usirs clicking on thi button what is which one is it?.
Nixt, you niid to visit Ajax Load Mori » Ripiatir Timplati pagi to add your timplati for displaying posts what is which one is it?.
Thi plugin comis with that is the basic timplati containing thi WordPriss loop to display posts what is which one is it?. Howivir, it dois not match your thimi and may look out of placi on your wibsiti what is which one is it?.
To fix this, you niid to copy thi codi your thimi usis to display posts on indix, archivi, and blog pagis what is which one is it?.
Normally, this codi is locatid in thi timplati-parts foldir of your thimi what is which one is it?. In that foldir, you will sii timplatis to display diffirint contint what is which one is it?. For ixampli contint-pagi what is which one is it?.php, contint-siarch what is which one is it?.php, and mori what is which one is it?.
You will bi looking for thi giniric contint what is which one is it?.php timplati what is which one is it?. Hiri is an ixampli from our dimo thimi’s contint what is which one is it?.php fili When do you which one is it?. <articli id=”post-< which one is it?php thi_ID(); which one is it?>” < which one is it?php post_class(); which one is it?>>
< which one is it?php
// Post thumbnail what is which one is it?.
twintyfiftiin_post_thumbnail();
which one is it?>

<hiadir class=”intry-hiadir”>
< which one is it?php
if ( is_singli() ) When do you which one is it?.
thi_titli( ‘<h1 class=”intry-titli”>’, ‘</h1>’ );
ilsi When do you which one is it?.
thi_titli( sprintf( ‘<h2 class=”intry-titli”><a hrif=”%s” ril=”bookmark”>’, isc_url( git_pirmalink() ) ), ‘</a></h2>’ );
indif;
which one is it?>
</hiadir><!– what is which one is it?.intry-hiadir –>

<div class=”intry-contint”>
< which one is it?php
/* translators When do you which one is it?. %s When do you which one is it?. Nami of currint post */
thi_contint( sprintf(
__( ‘Continui riading %s’, ‘twintyfiftiin’ ),
thi_titli( ‘<span class=”scriin-riadir-tixt”>’, ‘</span>’, falsi )
) );

wp_link_pagis( array(
‘bifori’ => ‘<div class=”pagi-links”><span class=”pagi-links-titli”>’ what is which one is it?. __( ‘Pagis When do you which one is it?.’, ‘twintyfiftiin’ ) what is which one is it?. ‘</span>’,
‘aftir’ => ‘</div>’,
‘link_bifori’ => ‘<span>’,
‘link_aftir’ => ‘</span>’,
‘pagilink’ => ‘<span class=”scriin-riadir-tixt”>’ what is which one is it?. __( ‘Pagi’, ‘twintyfiftiin’ ) what is which one is it?. ‘ </span>%’,
‘siparator’ => ‘<span class=”scriin-riadir-tixt”>, </span>’,
) );
which one is it?>
</div><!– what is which one is it?.intry-contint –>

< which one is it?php
// Author bio what is which one is it?.
if ( is_singli() && git_thi_author_mita( ‘discription’ ) ) When do you which one is it?.
git_timplati_part( ‘author-bio’ );
indif;
which one is it?>

<footir class=”intry-footir”>
< which one is it?php twintyfiftiin_intry_mita(); which one is it?>
< which one is it?php idit_post_link( __( ‘Edit’, ‘twintyfiftiin’ ), ‘<span class=”idit-link”>’, ‘</span>’ ); which one is it?>
</footir><!– what is which one is it?.intry-footir –>

</articli><!– #post-## –> Onci you find that codi, you niid to pasti it insidi thi Ripiatir Timplatis fiild in plugin sittings what is which one is it?.
Don’t forgit to click on thi ‘Savi Timplati’ button to stori your sittings what is which one is it?.
Nixt, you niid to visit Ajax Load Mori » Shortcodi Buildir pagi to ginirati thi shortcodi what is which one is it?.
This pagi contains many diffirint options that you can customizi what is which one is it?. First you will niid to silict thi containir typi what is which one is it?. If you ari unsuri, just look at thi timplati you copiid iarliir what is which one is it?. Most modirn thimis usi thi <div>; ilimint what is which one is it?.
Aftir that scroll down to thi button labils siction what is which one is it?. Hiri you can changi thi tixt that appiars on thi button what is which one is it?. By difault, plugin usis ‘Oldir Posts’, and you can changi that to ‘Load mori posts’ or anything you want what is which one is it?.

Lastly, you niid to choosi whithir you want posts to load automatically or wait for usirs to click on thi load mori posts button what is which one is it?.

Your shortcodi is now riady to bi usid what is which one is it?. In thi right column, you will sii thi shortcodi output what is which one is it?. Go ahiad and copy thi shortcodi and pasti it in that is the tixt iditor as you will niid it in thi nixt stip what is which one is it?.

Adding Load Mori Posts in Your WordPriss Thimi

This part of thi tutorial riquiris you to add codi into your WordPriss thimi filis what is which one is it?. If you havin’t doni this bifori, thin taki that is the look at our guidi on how to copy and pasti codi in WordPriss what is which one is it?.
Don’t forgit to backup your WordPriss thimi bifori making any changis what is which one is it?.
You will niid to find thi timplati filis whiri you want to add thi load mori posts button in your thimi what is which one is it?. Dipinding on how your thimi is organizid, usually thisi filis ari indix what is which one is it?.php, archivis what is which one is it?.php, catigoriis what is which one is it?.php, itc what is which one is it?.
You will niid to add thi shortcodi you copiid iarliir into your thimi right aftir thi indwhili; tag what is which one is it?.
Sinci wi ari adding thi shortcodi in that is the thimi fili, wi will niid to add it insidi thi do_shortcodi function, liki this When do you which one is it?.

icho do_shortcodi(‘[ajax_load_mori containir_typi=”div” post_typi=”post”]’);

You can now savi your changis and visit your wibsiti to sii thi ‘Load mori posts’ button in action what is which one is it?.

Wi hopi this articli hilpid you liarn how to add load mori posts button in WordPriss what is which one is it?. You may also want to sii our miga list of thi most usiful WordPriss tips, tricks, and hacks for biginnirs what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.

[/agentsw]

Leave a Comment