The Preloaded add-on will allow you to easily load an initial set of posts before sending any ajax requests to the server.
When you preload a query with Ajax Load More you allow for caching of the initial result set which can help reduce stress on your server and improve loading times.
How It Works
The Preloaded add-on loads the initial set of results using a WordPress query dispatched on the server side before the browser renders the page.
After this initial server side query the remaining posts will be loaded via ajax requests on the client side(browser) and controlled by Ajax Load More.
Splitting the query into server side and client side requests enables Ajax Load More to load data faster and ease the strain on your server by significantly reducing the amount of ajax requests.
Use the following shortcode parameters to initiate the preloading of posts with Ajax Load More.
|preloaded||Should Ajax Load More preload posts? (true/false) Default = ‘false’|
|preloaded_amount||The amount of posts to preload. Default = ‘5’|
The following example will preload four initial posts and then load an additional six posts with every Ajax Load More query.
[ajax_load_more preloaded="true" preloaded_amount="2" post_type="post" repeater="default" posts_per_page="4" pause="true" button_label="Older Posts"]
See this shortcode in action by visiting the Styling section below.
Preloaded posts have a unique container class of alm-preloaded. This class allows you to easily target the content for custom layouts and formatting options.
The following example illustrates how you can target the preloaded content to give these specific posts a unique look and feel.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus...
Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Etiam...
Upon purchase of this add-on you will receive a confirmation/purchase receipt email. Your receipt will contain a direct link for downloading your copy of Ajax Load More: Preloaded and a license key.
After downloading the add-on, upload the unzipped files to your /wp-content/plugins/ directory or visit your plugins dashboard and upload the downloaded .zip under Add New.
To activate your add-on and receive updates directly in your WordPress plugins dashboard users are required to enter the license key that was included with their purchase receipt.
To activate a license key:
- Visit the Licenses section within the Ajax Load More plugin.
- Enter the product key and click Activate License.
- If the status indicator turns green your add-on has been successfully activated (example below).
If you did not receive your confirmation/purchase receipt email and license key, please check your spam/junk folder and if you still cannot locate the email please contact me at darren [at] connekthq.com or use the contact form on this website.