Infinite Post Transporter

Description

In addition to normal infinite scroll behavior, this plugin adds infinite scroll to the single post page. When reading a single post, once the reader reaches the bottom of the page, the next post loads in. This is similar to functionality on big news sites such as Time.com, LA Times, Quartz, Vogue.com

The default WordPress TwentySomething themes, Genesis themes and Canvas themes are already compatable with this plugin and ready to go!

Relies on add_theme_support. If your theme is not in the above list, add the folliwing to your themes functions.php file: add_theme_support( 'infinite-transporter' );

See installation and FAQ sections for more on getting set up.

Installation

Using The WordPress Dashboard

1. Navigate to the ‘Add New’ Plugin Dashboard
2. Select infinite-transporter.zip from your computer
3. Upload
4. Activate the plugin on the WordPress Plugin Dashboard

Using FTP

1. Extract infinite-transporter.zip to your computer
2. Upload the infinite-transporter directory to your wp-content/plugins directory
3. Activate the plugin on the WordPress Plugins dashboard

The default WordPress TwentySomething themes, Genesis themes and Canvas themes are already compatable with this plugin and ready to go!

Otherwise, add the following to your themes functions.php file: add_theme_support( 'infinite-transporter' );

The available options are the same as those in Jetpack Infinite Scroll. To configure further, see the following: https://jetpack.me/support/infinite-scroll/

The plugin assumes that your themes content container is named ‘content’, unless otherwise defined. If posts are loaded in a container named differently than that, for example inside of a div named ‘main’, then in your ‘add_theme_support’ declaration, include the ‘container’ argument with name of your themes container div like so:

add_theme_support( 'infinite-transporter', array( 'container' => 'main' ) );

FAQ

What are all of the available settings?

The following is all of the available parameters that can be set along with their default values:

add_theme_support( 'infinite-transporter', array(
    'type'            => 'scroll', // scroll | click
    'requested_type'  => 'scroll', // store the original type for use when logic overrides it
    'footer_widgets'  => false, // true | false | sidebar_id | array of sidebar_ids -- last two are checked with is_active_sidebar
    'container'       => 'content', // container html id
    'wrapper'         => true, // true | false | html class
    'render'          => false, // optional function, otherwise the 'content' template part will be used
    'footer'          => true, // boolean to enable or disable the infinite footer | string to provide an html id to derive footer width from
    'google_analytics'=> false, // boolean if using google analytics, set to true
    'post_order'      => false, // boolean. false to display newest post after initial post. True to display next reverse chronological post after current post.
    'footer_callback' => false, // function to be called to render the IS footer, in place of the default
    'posts_per_page'  => false, // int | false to set based on IS type
    'click_handle'    => true, // boolean to enable or disable rendering the click handler div. If type is click and this is false, page must include its own trigger with the HTML ID 'infinite-handle'.
) );

Reviews

can't get it to work too

pascalnouma_21 September 3, 2016

hello, I am using reverie theme from Zurb Foundation and trying to add the infinite scrolling. I have added this function to functions.php but it did not work. add_theme_support( ‘infinite-transporter’, array( ‘container’ => ‘content’, ) ); It loads the article but the same one, not the next one. Also it changes the url to pages/2/ not to article title. ?? Any help would be great. Thanks

Contributors & Developers

Changelog

1.2

• Allow support for themes that aren’t well written and don’t have an ID defined for the content area, but use a class name instead.
• Add ‘infinite_transporter_post_order’ filter to allow for changing the post order behavior depending on user defined criteria (ex. different categories of posts, or post types, etc.)

1.1

• Add Google Analytics integration support
• Add support for Genesis themes
• Add support for Canvas themes
• Add support for Twenty Fifteen theme
• Add ‘post_order’ parameter to allow loading of posts in sequential reverse-chron order (true), or by starting from latest post after scrolling through initial post (default, false).
• Add ‘single_infinite_transporter_query_args’ filter
• Fix bug with second post not updating URL
• Fix bug with page parameter being appended in single post page

1.0

• Initial release