This tutorial is going to show you how to split a long article into multiple linked pages in Joomla 3.x.
Splitting up long articles into sections can be used to present Articles as multiple pages which are linked using Previous and Next page navigation and also a Table of Contents section which is displayed as part of the Article.
To split a long Article into multiple linked pages:
Navigate to Content, then Article Manager, click Search Tool button to narrow the search only to Blog items and select the Article you are going to customize. Click the Edit toolbar button:
If you are intended to create a new article, click Add New Article button in the panel.
If logged into the Front-end, you have appropriate permissions and are viewing the Article you wish to edit: click the Edit toolbar button.
Locate the position in the content with the cursor, where the first page should end.
Click the Pagebreak editor button at the bottom of the page. The Insert Pagebreak screen will open:
Enter the Page Title and Table of Contents Alias as required:
Page Title: Allows you to enter a sub title for the page displayed after the Article title. If left blank the main Article title will be used.
Table of Contents Alias: Used to give a shortened name for the Table of Contents which is displayed as part of multiple page Articles. If left blank the link will be displayed as Page #.
Click the Pagebreak editor button at the bottom of the page. The Insert Pagebreak screen will open.
To close the Insert Pagebreak screen without inserting a Pagebreak, click the X close button.
Repeat steps 2-5 for each Pagebreak required.
To remove a Pagebreak, delete the horizontal rule using the delete or backspace keys:
It is not possible to edit the Page Title and Table of Contents Alias using the content editor once it has been inserted. To modify the Pagebreak, you can do one of the following:
Delete and re-insert the pagebreak using the process described above.
Edit the raw HTML of the Article using the editor and modify the title and alt attributes of the relevant HTML tag:
Feel free to check the detailed video tutorial below: