How to split an article into multiple pages

While browsing the Internet, you must have encountered articles which are split into multiple pages. Instead of having the entire content on one page, long articles can be shown in segments where each segment is actually a new page.

In a world where everyone is constantly gazing into their watches and running between errands, no one likes to open an article which seems too long. But if the content is good and you need a long post, you can make it much more attractive with page breaks. Three or four pages seem much more interesting than one huge article, plus, a visitor in a hurry can go through first page and bookmark the second one if he decides to continue reading later on.

While this might already interest you in breaking the pages, there’s much more to it.

Not only a long article can distract your readers or scare them off, you can achieve faster loading times by splitting articles. If you like to load your posts with images, videos and other media, you have to think about visitors with slower Internet connections and ones visiting you via smartphones and tablets. By splitting an article, you are helping them load the page faster (if a page loads for ages, you will lose a visitor for sure).

There are many benefits of splitting articles. Now that you are really interested into it, you are must be wondering how much of a big deal is to split an article. Before we continue, you should know that WordPress already has the feature integrated but you have probably missed it if you’re still reading this article.

All you need is a simple tag:

  1. Open a post which you want to split into different number of pages
  2. Make sure you are in Text Editor (Visual editor won’t recognize the tag)
  3. Write this tag where you want a split:
  4. <!–nextpage–>

  5. Repeat the tag if you want to split a post into more pages
  6. Update the post or publish it

Yep, that was it. No coding or installing additional plugins. If you left the tag in your post, it will be split into two pages and a link to 2nd page will be automatically added at the end of your content.

While this feature is present in most modern themes, you might still have theme which doesn’t support <!–nextpage–> tag or you might be working on a new theme. If so, WordPress won’t recognize the tag and you will have to modify your core files with a single line of code:

  1. Open single.php file
  2. Copy the code and paste it under the content (<?php the_content();?>)
  3. <?php wp_link_pages(); ?>
  4. Save changes

If you are not happy how those links look in your post, you can easily style them with CSS. In that case, you will have to modify the code just a little bit:

<?php wp_link_pages(‘before=<div id=”stylelinks”>&after=</div>’); ?>

Now that you have added a div with an id, you can target it with CSS and style it the way you like it.

START YOUR OWN BLOG

This guide is an introduction to mastering the art of blogging. It provides easy to follow steps to start, maintain, and grow your blog.

Read the guide

Leave a Reply

Your email address will not be published. Required fields are marked *