Query Loop Load More

Description

This WordPress plugin adds a load more option to the Query Loop Pagination block in Gutenberg, allowing users to load more posts without refreshing the page. It replaces the traditional Previous Next and numbered pagination, with a customizable, Load More button.

Instructions

To use this plugin, you must first add the Query Loop block into your post content, then add the Pagination block inside the Query Loop. When working with the Pagination block, you will see new options to enable load more on the block.
The load more option allows you to set a loading text parameter and also the button text. The load more button works with the alignment options and arrow options of the pagination block.
Here is how to enable the load more option:

  1. Add the Query Loop block to your post content.
  2. Inside the Query Loop block, add the Pagination block.
  3. In the Pagination block settings, enable the “Load More” option.
  4. Set the loading text parameter and the button text.
  5. Customize the alignment and arrow options if desired.

That’s it! Your visitors can now load more posts by clicking the load more button without refreshing the page.

Customization Options

  • Alignment: Use standard block editor settings to set the alignment of the load more button
  • Button: Choose the button option for users to click to load more posts
  • Button Text: Customize the load more button text
  • Loading Text: Customize the text for the post loading state
  • Infinite Scroll: Choose this option to allow new posts to load automatically when users reach the bottom of the feed
  • Color: Customize the color of the load more button and the loading state icon when using the infinite scroll option

Screenshots

  • Block Editor – Loading state animation
  • Frontend – Posts loading with button
  • Frontend – Infinite scroll post

Installation

  1. Upload the plugin files to the /wp-content/plugins/query-loop-load-more directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.

FAQ

How can I download the plugin file?

You can download the file from the WordPress.org plugin library here.

Where and how can I submit a bug report or feature request?

  • You can share your feedback by creating an issue on our public repo here. We can’t guarantee the turnaround time for bug fixes, but we can guarantee that all issues will be triaged.
  • The plugin is open source, so feel free to work on your desired functionality changes and create a PR with the fix.

How do I edit the text of the block?

  • In the block settings, you can replace the default text Load More with whatever text you’d like.

How do I change the color?

  • In the current version, the button background color pulls from your theme’s button color.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Query Loop Load More” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Query Loop Load More” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.9

  • Fix – Loading more posts for query blocks with no or zero as the queryId
  • Fix – Keeping original button content after loading more posts. Fixes pagination arrow

1.0.8

  • Fix – Only use intersection observer if infinite loading setting is active
  • Fix – Use global query to get maximum amount of pages if query is set to inherit

1.0.7

  • Fix – Loading posts ( multiple query blocks, loading posts from correct query block )
  • Fix – URL related issues ( new setting for updating the URL, update paging parameter without changing base URL )
  • Update – Using only one button, including infinite scroll
  • Update – Changed default behavior – not updating the URL by default – added a setting to re-enable
  • Update – Build scripts

1.0.6

  • Update – Add loading class when in loading state

1.0.5

  • Fix – Infinite scroll would duplicate some posts due to the same AJAX call being executed twice

1.0.4

  • Update – Version

1.0.3

  • Fix – Loading more posts on “Inherit query from template”

1.0.2

  • Add – SVN deployment workflow
  • Update – Version and Stable tag

1.0.1

  • Fix – Unify GPL license
  • Fix – Unify text domain and plugin slug

1.0.0

Initial release.