How to use Page Breaks
When an Article is very long you can choose to divide it up into smaller chunks.
This is achieved using the Page Break Plugin.
Page Breaks created by the Page Break Plugin divide a very long Article up using one of three different presentation styles:
- Pages,
- Slides, and
- Tabs.
Default presentation style in a WYNCHCO Website Design = Pages.
You can change the presentation style in the Content - Page Break Plugin screen of your website control panel.
Your choice of presentation style will be assigned to every Article in which you use Page Breaks in your website.
Note: it is not possible to display Page Breaks using Pages in one article, Sliders in another and Tabs in yet another.
The same format (depending upon your choice in the Page Break Plugin screen) is applied to Page Breaks wherever they are displayed in your website.
If you want to use Tabs and Sliders both at the same time in your website's Articles then you will need to use a 3rd Party Extension.
Page Break Format
You can choose one of the following three formats to use for Page Breaks via the Page Break Plugin screen of your website Dashboard.
The Article you are reading right now is displayed using the Pages presentation style.
It differs from the image below by having an Article Index which is 100% wide.
The one in the image below (default in a WYNCHCO Website Design) is 30% wide.
This presentation style is a great choice if your website comprises long Articles which will be read whilst people are on the move, using mobile devices with small screens.
Which Format is most suitable for your website?
This will depend upon its purpose and the needs of your target audience.
The Joomla! Community Magazine (JCM) includes a useful article which compares the different formats.
Read more: Explore the Core Page Break Plugin (April 2024 JCM)
How to insert Page Breaks
Page Breaks can be inserted into Articles using the TinyMCE or JCE Content Editor (our preference).
Read more: How to insert Page Breaks.
How to change Presentation Style
Open the Content - Page Break Plugin screen.
- Select Plugins from the Manage panel of the System Dashboard.
- Then select Content - Page Break.
When you do you can:
- show the Article Index Heading (default = hide),
- change the name of the Article Index Heading, and
- change the Presentation Style (default = Pages).
In a WYNCHCO Website Design we change these default Joomla! CMS settings to the ones shown in the image below.
You can easily change them again via the Page Break Plugin screen in your website's Dashboard.
Article Index Heading
By default in a WYNCHCO Website Design the Article Index Heading is hidden.
Display of the Article Index Heading throws an Accessibility Warning post Joomla! 4.3.
Reason: out of sequence Heading Tag.
The Article Index Heading is not however essential.
When it is not displayed then the first item listed in the Article Index will be the Article Title.
Article Index Format
In a WYNCHCO Website Design the Article Index, when used, fills 30% of the width of an Article.
And it is always displayed at the top of an Article.
However, in this website the Article Index width fills 100% of the width of an Article.
And it is only displayed above an Article on large screen devices (example, laptops).
On small screen devices (example, phones and tablets) it is displayed below an Article.
If you need help changing how the Article Index is displayed in your website, just ask.