jQuery Post Splitter

Description

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.

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.

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.

  • For a complete tutorials, join me here

Screenshots

  • Settings Page (Premium Version)

  • Demonstration#1

  • Demonstration#2

  • Navigation Caption is Editable

  • Slider count for both top and bottom

  • Settings overview

  • Specific Post Settings

  • Pro Settings (New Features)

  • New Premium Feature In Action (Left Navigation Menu + Single Post as Multiple Posts)

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

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.

Reviews

April 19, 2018
I highly recommend this plugin very excellent, also the support service is great. Don't hesitate to use it on your blog or website. Thank you.
April 12, 2018
Easy to use, and does the job perfectly. The only thing better than the plugin is the response time to fix issues you might come across. This is a guaranteed install on all of my future sites.
January 6, 2018
The plugin didn't work perfectly with my site's theme at first (buttons weren't perfectly aligned), but support worked with me directly and fixed all issues by adding new code. I am impressed by how easy it was to fix, and know that if I switch themes, I can always contact them for help if the plugin needs some tweaking for the new theme.
August 18, 2017
Excelente suporte, muito paciente e atencioso. recomendo a todos. ------------------------- Excellent support, very patient. I recommend it to everyone.
Read all 33 reviews

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.

Changelog

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.