Now Reading
How to add “Next Page”/ “Page Break” button in WordPress Editor

How to add “Next Page”/ “Page Break” button in WordPress Editor

by AdminAugust 25, 2016

In WordPress we can separate post/pages using <!–nextpage–>. It’s hard to remember the tag, and you need to add it using “Text” editor, not visual editor. This is how you can add “Next Page” or “Page Break” button in Visual Editor, Just like this:wordpress-next-page-visual-editor

It’s very simple, you can add this code in your theme/child theme functions.php or add it in a functionality plugin.

Add WordPress Next Page Button in Visual Editor

Add this code to your theme functions.php or in your functionality plugin. This feature is there, but somehow WordPress hide this.

/* Add Next Page Button in First Row */
add_filter( 'mce_buttons', 'my_add_next_page_button', 1, 2 ); // 1st row
function my_add_next_page_button( $buttons, $id ){
 /* only add this for content editor */
 if ( 'content' != $id )
 return $buttons;
 /* add next page after more tag button */
 array_splice( $buttons, 13, 0, 'wp_page' );
 return $buttons;

Keyboard Shortcut to Add Page Break

You can also use the keyboard shortcut (Alt + Shift + P) to add Page Break.

Result Of WordPress Next Page Feature.

As you can see, this post have two pages. Click “2” to view the second page.

Please wait...
About The Author

Leave a Response