The Page Break feature allows you to create an index or “menu” system within an Article. Page Breaks can be added to break up longer Articles into different sections, all in an attempt to stay organized and improve the usability of your site & articles. This article explains how to insert and edit the Page Break function using the core Joomla Page Break function and the Page Break function within the JCE Editor.

Inserting a Page Break using Core Joomla functions

After logging into the Administration area (the back end) of your Joomla site, go to the Article Manager and open the article you'd like to work with. After the article is open, determine where, within the Article Text area, you'd like to insert the page break. Click on the "Page Break" button at the bottom of the article text area.

pagebreak5

A small window will open asking you to create a Page Title. You can create your own Title & Alias or Joomla will auto-fill those fields for you. You can come back and edit these later if the content of your article changes. After creating the Title, click on the "Insert" button.

pagebreak6

A grey bar will appear within the article text indicating that your Page Break is now present.

pagebreak3

 

Inserting a Page Break using the JCE Editor (recommended)

After logging into the Administration area (the back end) of your Joomla site, go to the Article Manager and open the article you'd like to work with. After the article is open, determine where, within the Article Text area, you'd like to insert the page break. Place your cursor where you'd like the Page Break to go, and then click on the Page Break button underneath the Article Text area.

pagebreak1

A small window will open asking you to create a Page Title. You can create your own Title & Alias or Joomla will auto-fill those fields for you. You can come back and edit these later if the content of your article changes. After creating the Title, click on the "Insert" button.

pagebreak2

A grey bar will appear within the article text indicating that your Page Break is now present.

pagebreak3

If you'd like to edit the Page Break, simply highlight the bar and click on the Page Break button in the editor again.

 

Page Breaks and the front end

After inserting all of the Page Breaks into the article, save your work, return to the front end of the site, and navigate to the article where you made the changes. You will see that the longer article is now broken down into different sections, and those sections are indexed within a small menu. The front end user now has a few options for navigating through this longer article.

pagebreak4

 

0
0
0
s2smodern
Go to top