jQuery Post Splitter

Description

• Author: Fahad Mahmood

• Project URI: https://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: https://demo.androidbubble.com/jquery-post-splitter-pro
• Demo URI: https://demo.androidbubble.com/how-it-works-jps
• Demo URI: https://demo.guavapattern.com/?page_id=443
• Demo URI (Page Break Block): https://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.

Tags

slider, pagination, ajax, carousel, multi-page, newspaper

Video Tutorial

Basic Features

• 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 www.ads-software.com
• Slider navigation position
• Insert
  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

Advanced Features

• Default post navigation, line numbers display as pagination
• JavaScript Function on Slide, on each next and previous button you can trigger multiple JS functions
• 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.

Screenshots

Installation

1. Upload the ‘jquery-post-splitter’ directory to the /wp-content/plugins/ directory

2. Activate the plugin through the ‘Plugins’ menu in WordPress

3. Customize your display options on the jQuery Post Splitter Settings page

4. Make paginated posts and pages using the newly visible ‘Insert Page Break’ button in the post editor

FAQ

Can we enable an infinite loop within same post category on next and previous button?

Yes, there is an option “Frog Jump” on settings page. If you turn that ON, on the last page you will get the permalink of the next alphabetically ordered and same with the previous button being on the first page while you are using infinite loop option.

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?

Is there a way to insert Next/Prev buttons without the page break being inserted in that spot via shortcode?

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?

No

SEO Trick setting: I don’t understand what you mean by Display full content on first page as hidden?

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.

Why am I seeing an extra Next/Previous navigation element in my theme?

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.php file. Note that it is possible that the tag is inluded in a template part, rather than directly in the single.php file itself.

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?

Reviews

Stunning Plugin, nice and professional support.

Torsten8579 February 3, 2024

This post splitter is actually unique to WordPress. I have tried similar solutions in the past. But no plugin has survived for long or was regularly updated. This one is different. So it’s the one I was waiting for – for a long time. I am extremely grateful that this post splitter seems to be getting regular updates. In addition, I can report from my own experience, that the plugin author responds extremely quickly and reliably to problems and requests for adjustments. Communication is friendly, open-minded and professional. It doesn’t get much better than this! Thanks for that. ??

Plugin & Support

tarkeshwaryadav January 9, 2024

I highly recommend this plugin if you are looking for a post splitter plugin for your website. Also you don’t need to worry about the support service, the plugin author is ready to help you in midnight as well. So, just Don’t hesitate to use it on your blog or website. Thank you.

El MEJOR con diferencia

dejaquesuene July 4, 2022

He buscado mucho para encontrar plugins con funciones parecidas pero ni de lejos pueden competir con este, todo es personalizable y esta completísimo. Además, si necesitas algo el desarrollador es genial y te ayuda muy rápido. Lo recomiendo, 10 de 10!!

Prompt & Quick Pro Support

donjohn September 1, 2020

I have been using the plugin for more than 4 years now without any issue. Recently there were issues in the pagination after changing the theme and also updating some other plugins. I contacted Fahad (via mail & skype) and in just about 30 minutes I got a reply. I had to explain the issue once only. The issue was with my website configuration that was creating issues with the plugin pagination. Fahad immediately started working on the issue and resolved the glitch in a record 40 minutes working late into the night. So, if you are checking reviews to check if you will get the support for the Pro Purchase, then you can right away purchase the plugin. Not only the plugin is Amazing for your website, but you also are going to get top-notch professional support in case you face any issues. (that is rare as the plugin works perfectly right out of the box)

After updates pro version is working better.

Exavior March 16, 2020 2 replies

Looking forward to future versions with cleaner admin UI and ability to eliminate all CSS calls to reduce HTTP requests.

Simple and Easy

Ray Wood September 11, 2019 1 reply

It’s simple, use-friendly and well documented. Thank you.

Contributors & Developers

Changelog

3.0.0

• Fix: Fatal error: Uncaught Error: Call to undefined function jpg_next_post_link(). [07/01/2024][Thanks to Dardan Thaqi]

2.9.9

• Fix: PHP Warning: Undefined variable $wp_link_pages. [31/12/2023][Thanks to Torsten]

2.9.8

• Infinite loop of the slides feature improved. [07/06/2022][Thanks to Anmar Al-Nakib]

2.9.7

• Page refresh related improvements. [06/06/2022][Thanks to Anmar Al-Nakib]

2.9.6

• Ajax based aut loading on page scroll downwards. [25/04/2022][Thanks to Alex]

2.9.5

• Infinite loop to the next article in the same category. [21/02/2022][Thanks to Alex]

2.9.4

• Double buttons were appearing on page refresh option. [21/02/2022][Thanks to Alex]

2.9.3

• WP Doing Ajax added in return conditon. [20/12/2021]

2.9.2

• Performance optimized. [Thanks to Jim / IG Webs][18/12/2021]

2.9.1

• Numeric pagination feature added. [Thanks to yagoman][25/10/2021]

2.9.0

• Delay value is working with jQuery and Refresh methods as well. [Thanks to DentalOrg.Com]

2.8.9

• Buttons apperance delay added from settings page. [Thanks to ЯR]

2.8.8

• Ajax method tested with browser back button. [Thanks to Tyler Archer & Ashok Sharma]

2.8.7

• Ajax method revised. [Thanks to Tyler Archer & Ashok Sharma]

2.8.6

• Language files updated.

2.8.5

• Customization settings are optional. [Thanks to ЯR]

2.8.4

• A few improvements on settings page round #2.

2.8.3

• A few improvements on settings page round #1.

2.8.2

• nextpart button removed and nextpage button will work.

2.8.1

• Optimized for DENTALORG.COM. [Thanks to Don]

2.8.0

• Assets are restricted to settings page only. [Thanks to Lisa Burger]

2.7.9

• Features banner added to settings page. [Thanks to Team GP Themes]

2.7.8

• Custom HTML and Styles above post and below post revised. [Thanks to Игорь Семенко]

2.7.7

• Bootstrap restricted, so it will not load on other pages.

2.7.6

• Just muted count query to make settings page load faster. [Thanks to Cassie Jones]

2.7.5

• Sanitization ensured and a new feature added for uninstall. [Thanks to WordPress Plugin Review Team & Team AndroidBubbles]

2.7.4

• Video tutorial added. [Thanks to Rais Sufyan]

2.7.3

• Notice: Undefined variable: jps_premium fixed. [Thanks to Team GP Themes]

2.7.2

• jQuery navigation revised. [Thanks to Team GP Themes]

2.7.1

• Ajax based pagination improved and settings page UI revised. [Thanks to Exavior]

2.7.0

• Go Premium link fixed on installed plugins page. [Thanks to Howard Edidin]

2.6.9

• Another useful video tutorial added using blocks. [Thanks to Team GP Themes]

2.6.8

• Ajax based pagination improved with default page-break by WordPress. [Thanks to Exavior]

2.6.7

• Another minor CSS fix regarding button hover.

2.6.6

• Shortcodes were not working in ajax mode.

2.6.5

• Shortcodes video tutorial added for better understanding. [Thanks to Howard Edidin]

2.6.4

• Ajax based load will load only post part instead of completed page. [Thanks to Ibulb Work Team]

2.6.3

• Ajax based pagination provided with custom JS function trigger on slide. [Thanks to Exavior]

2.6.2

• Ajax based pagination refined. [Thanks to Exavior]

2.6.1

• A few PHP notices fixed and Ajax based navigation improved. [Thanks to Leopoldo Mauriello & Exavior]

2.6.0

• A few PHP notices were reported, and fixed in this version. [Thanks to Leopoldo Mauriello]

2.5.9

• Next and Previous can be translated. [Thanks to Louring]

2.5.8

• Scroll to top feature improved with an input field. [Thanks to Louring]

2.5.7

• Checked ads code in premium version as well. [Thanks to викону?ться перек]

2.5.6

• Stripslashes function added. [Thanks to викону?ться перек]

2.5.5

• Custom HTML/Styles section added in Premium version. [Thanks to викону?ться перек]

2.5.4

• Languages refined. [Thanks to Abu Usman]

2.5.3

• Faqs added. [Thanks to Jon Dykstra]

2.5.2

• Languages added. [Thanks to Abu Usman]

2.5.1

• Navigation and count combination checked and improved. [Thanks to Игорь Семенко]

2.5.0

• Improved navigation and count area. [Thanks to Игорь Семенко]

2.4.9

• Improved navigation area. [Thanks to Игорь Семенко]

2.4.8

• Fixed nextpart stuff in 2nd round case for the_content filter. [Thanks to Gianluca]

2.4.7

• Add adsense code feature in additional settings. [Thanks to Amina Beny]

2.4.6

• Undefined variable: next_text and prev_text are fixed. [Thanks to Adam King]

2.4.4

• Sanitized input and fixed direct file access issues.

2.4.3

• Newspaper theme compatibility. [Thanks to Ranieri Quadros]

2.4.2

• SEO Trick Added. [Thanks to Roman from Ukraine]

2.4.1

• endless-posts-navigation compatibility added. [Thanks to Deepak Jain]

2.4

• Usability improved.

2.3.5

• Proivde nextpage to nextpart patch in settings area. [Thanks to Rosanna Montoute]
• Pagebreak icon replaced with the JPS pagebreak icon.

2.3.3

• jQuery related bug fixed. [Thanks to Ashtyn Evans]

2.3.2

• Script improved a little more.

2.3.0

• 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]

2.2.0

• nl2br() option provided in settings page.

2.1.1

• A JavaScript error found in console and fixed. [Thanks to Allan from Brazil]

2.1.0

• A few new features are added and a few important fixes. [Thanks to Nizar & Ahmed]

2.0.7

• An important fix related to content formatting.

2.0.6

• An important fix related to content formatting. [Thanks to Kaye & joopleberry]

2.0.5

• A serious issue is fixed related to syntax error.

2.0.4

• View Full Post repetition is fixed. [Thanks to Dorian]

2.0.3

• An important fix related to content formatting.

2.0.2

• Next button styled. [Thanks to Noman Ahmad]

2.0.1

• An important HTML/CSS fix.

2.0

• An amazing feature is added. [Thanks to Jon Grant]

1.3

• An important fix related to pagination. [Thanks to Peter Grant]

1.2

• An important fix related to layout. [Thanks to Ugo Oliver & Ahyat Pelukis]

1.1

• An important fix related to layout. [Thanks to JokusPokus]

1.0

• Intial commit.