Author: Fahad Mahmood
Project URI: http://androidbubble.com/blog/wordpress/plugins/jquery-post-splitter
License: GPL 3. See License below for copyright jots and titles.
jQuery Post Splitter is compatible with almost all themes and it can be implemented in 4 different ways from which you might will require one. For user friendliness, this plugin come up with a button “Split Page” and easy usage within the text editor. It is light weight and comparatively optimized so it will not interrupt your scripts uselessly.
- Demo URI: http://demo.androidbubble.com/jquery-post-splitter-pro
- Demo URI: http://demo.androidbubble.com/how-it-works-jps
- Demo URI: http://demo.guavapattern.com/?page_id=443
- Demo URI (Page Break Block): http://demo.guavapattern.com/?page_id=447
WordPress has an excellent, but little known, feature for splitting up long posts into multiple pages. However, a growing trend among major news and blog sites is instead to split up posts into dynamically loading sliders. While there are many slider plugins available for WordPress, none of them quite tackles this functionality. That’s where the jQuery Post Splitter comes in: it takes normal multi-page posts from WordPress and replaces them with jQuery transition, ajax and page-refresh methods.
slider, pagination, ajax, carousel, multi-page, newspaper
- Posts and Pages can be divided into parts with page-breaks.
- View full post optional link
- Navigation captions can be edited
- Slides counter can be displayed
- Custom HTML and CSS can be added above and below post slides
- Scroll to top option is available for long posts
- Exceptional support on wordpress.org
- Slider navigation position
with each return key
- Slider count (e.g. “2 of 4”) position
- Scroll to top after slide load? (jQuery/Ajax)
- Clean tags from all posts/pages
- Default post navigation, line numbers display as pagination
- Beautiful Styles for Slider Navigation
- SEO Trick – Display full content on first page as hidden?
- Loop slides – Creates an infinite loop of the slides
- Editable navigation captions
- Disable theme’s default post navigation
- Display full content on first page as hidden
- Combine different pages/posts with shortcode
What the slider does:
Provides an awesome functionality to combine many posts/pages into one with the shortcodes. Example: [JPS_CHUNK id=”62″ type=”title”]
Replaces WordPress’ built-in post pagination funtionality with jQuery, ajax-based carousel and page-refresh method.
Uses hash based URLs for easy direct linking to specific slides. This also preserves the functionality of the browser’s Back button.
Automatically adds slide navigation and a slide counter (e.g. ‘1 of 7’) to sliders according to the preferences you set.
Adds the ‘Insert Page Break’ button to the TinyMCE post editor so that you can easily split your content into multiple pages/slides.
Provides an optional stylesheet for (very) basic styling of the slider navigation.
Optionally allows infinite looping of slides.
Optionally provides a link to view all slides on a single page.
Optionally allows for scrolling back to top when each slide loads.
Upload the ‘jquery-post-splitter’ directory to the
Activate the plugin through the ‘Plugins’ menu in WordPress
Customize your display options on the jQuery Post Splitter Settings page
Make paginated posts and pages using the newly visible ‘Insert Page Break’ button in the post editor
How does it work with WordPress Block Editor – Page Break?
How does it work with Ajax option?
How does it work with Page Refresh option?
This way I can insert the buttons anywhere, yet there is more content below. At this moment plugin is slicing the content and at the point of page break, it automatically inserts the button. You can do the trick with jQuery/JS instead, simply hide these buttons and trigger with jQuery. That’s better instead of touching the default functionality.
Do you have an affiliate program?
SEO Trick setting was added on the request of a user earlier. He was performing this and he asked me to add this feature, according to him search engine should be able to read the full content so users can reach to the right content page. As the remaining content will be available behind next and previous buttons so they will stay and content will be considered as valid, he added.
If I use JQuery setting (instead of AJAX), do search engines see all the content on the same url? What setting is best for SEO without manipulating search engines?
Ajax part is always hidden from search engines. Ajax don’t perform unless we hit the next/prev button from the browsers/pages. jQuery and Page Refresh options are always better as jQuery brings all content to the page and page refresh is serving us with pagination, as search engines normally visit the sibling pages. Page refresh setting is the best and most of the people use it. But where internet is slow or your hosting server isn’t responding well, jQuery option is better as people don’t want to navigate a lot. So less number of pages should go to page refresh and more number of pages should go to jQuery option.
How do I split up my posts into different slides?
Just treat it like a normal WordPress multi-page post. To make this extra-easy, the plugin activates the ‘Insert Page Break’ button in the post editor. Just insert your cursor wherever you want to break between slides and click the button – Bravo! You have a new slide!
For more information about WordPress’ built-in multi-page post funtionality, visit this page.
Your theme contains its own
wp_link_pages()tag to accomodate WordPress’ built-in post pagination feature. To ensure that this does not interfere with the plugin, please remove any reference to the
wp_link_pages()tag from your
single.phpfile. Note that it is possible that the tag is inluded in a template part, rather than directly in the
How can I change the way the slider looks?
The jQuery Post Splitter is designed to be syled by the user using standard CSS. On the plugin’s Settings page, you can choose to use the included styles, but even these are meant only as a basic starting point.
How can I shortcodes to form a post from different chunks?
Contributors & Developers
“jQuery Post Splitter” is open source software. The following people have contributed to this plugin.Contributors
Translate “jQuery Post Splitter” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
- Infinite loop to the next article in the same category. [21/02/2022][Thanks to Alex]
- Double buttons were appearing on page refresh option. [21/02/2022][Thanks to Alex]
- WP Doing Ajax added in return conditon. [20/12/2021]
- Performance optimized. [Thanks to Jim / IG Webs][18/12/2021]
- Numeric pagination feature added. [Thanks to yagoman][25/10/2021]
- Delay value is working with jQuery and Refresh methods as well. [Thanks to DentalOrg.Com]
- Buttons apperance delay added from settings page. [Thanks to ЯR]
- Ajax method tested with browser back button. [Thanks to Tyler Archer & Ashok Sharma]
- Ajax method revised. [Thanks to Tyler Archer & Ashok Sharma]
- Language files updated.
- Customization settings are optional. [Thanks to ЯR]
- A few improvements on settings page round #2.
- A few improvements on settings page round #1.
- nextpart button removed and nextpage button will work.
- Optimized for DENTALORG.COM. [Thanks to Don]
- Assets are restricted to settings page only. [Thanks to Lisa Burger]
- Features banner added to settings page. [Thanks to Team GP Themes]
- Custom HTML and Styles above post and below post revised. [Thanks to Игорь Семенко]
- Bootstrap restricted, so it will not load on other pages.
- Just muted count query to make settings page load faster. [Thanks to Cassie Jones]
- Sanitization ensured and a new feature added for uninstall. [Thanks to WordPress Plugin Review Team & Team AndroidBubbles]
- Video tutorial added. [Thanks to Rais Sufyan]
- Notice: Undefined variable: jps_premium fixed. [Thanks to Team GP Themes]
- jQuery navigation revised. [Thanks to Team GP Themes]
- Ajax based pagination improved and settings page UI revised. [Thanks to Exavior]
- Go Premium link fixed on installed plugins page. [Thanks to Howard Edidin]
- Another useful video tutorial added using blocks. [Thanks to Team GP Themes]
- Ajax based pagination improved with default page-break by WordPress. [Thanks to Exavior]
- Another minor CSS fix regarding button hover.
- Shortcodes were not working in ajax mode.
- Shortcodes video tutorial added for better understanding. [Thanks to Howard Edidin]
- Ajax based load will load only post part instead of completed page. [Thanks to Ibulb Work Team]
- Ajax based pagination provided with custom JS function trigger on slide. [Thanks to Exavior]
- Ajax based pagination refined. [Thanks to Exavior]
- A few PHP notices fixed and Ajax based navigation improved. [Thanks to Leopoldo Mauriello & Exavior]
- A few PHP notices were reported, and fixed in this version. [Thanks to Leopoldo Mauriello]
- Next and Previous can be translated. [Thanks to Louring]
- Scroll to top feature improved with an input field. [Thanks to Louring]
- Checked ads code in premium version as well. [Thanks to виконується перек]
- Stripslashes function added. [Thanks to виконується перек]
- Custom HTML/Styles section added in Premium version. [Thanks to виконується перек]
- Languages refined. [Thanks to Abu Usman]
- Faqs added. [Thanks to Jon Dykstra]
- Languages added. [Thanks to Abu Usman]
- Navigation and count combination checked and improved. [Thanks to Игорь Семенко]
- Improved navigation and count area. [Thanks to Игорь Семенко]
- Improved navigation area. [Thanks to Игорь Семенко]
- Fixed nextpart stuff in 2nd round case for the_content filter. [Thanks to Gianluca]
- Add adsense code feature in additional settings. [Thanks to Amina Beny]
- Undefined variable: next_text and prev_text are fixed. [Thanks to Adam King]
- Sanitized input and fixed direct file access issues.
- Newspaper theme compatibility. [Thanks to Ranieri Quadros]
- SEO Trick Added. [Thanks to Roman from Ukraine]
- endless-posts-navigation compatibility added. [Thanks to Deepak Jain]
- Usability improved.
- Proivde nextpage to nextpart patch in settings area. [Thanks to Rosanna Montoute]
- Pagebreak icon replaced with the JPS pagebreak icon.
- jQuery related bug fixed. [Thanks to Ashtyn Evans]
- Script improved a little more.
- Structure refined and YouTube embed code issue fixed with jQuery implementation. [Thanks to Brian Stewart from UK]
- Sub pages support added with a shortcode and ensured that it works with all pages too. [Thanks to Rosanna Montoute]
- nl2br() option provided in settings page.
- A few new features are added and a few important fixes. [Thanks to Nizar & Ahmed]
- An important fix related to content formatting.
- An important fix related to content formatting. [Thanks to Kaye & joopleberry]
- A serious issue is fixed related to syntax error.
- View Full Post repetition is fixed. [Thanks to Dorian]
- An important fix related to content formatting.
- Next button styled. [Thanks to Noman Ahmad]
- An important HTML/CSS fix.
- An amazing feature is added. [Thanks to Jon Grant]
- An important fix related to pagination. [Thanks to Peter Grant]
- An important fix related to layout. [Thanks to Ugo Oliver & Ahyat Pelukis]
- An important fix related to layout. [Thanks to JokusPokus]
- Intial commit.