Overview
This article explains how to create sub-pages in Juniper Websites using the Sub-page component block. Sub-pages allow you to organise content into separate pages or folders instead of one long page. The content you can organise includes sub-pages, internal webpage links and external webpage links.
Sub-pages are an ideal way to categorise related information in one place without adding pages that may clutter your navigation menu. They are helpful if you want to create a series of individual subpages for classes under a main Class Pages page, or if you have a Key Information page that includes links to sub-pages such as Admissions, Policies, and School Improvement.
Instructions
Follow these steps to add and create your sub-page(s) to an existing page:
- To open the Sub-page block window:
- Navigate to or create the page that you want to create the sub-pages on.
- Select Blocks from the Edit tab:
- When selected, scroll down the list of blocks and select Sub-page:
- Repeat for each sub-page or link that you want to add to the Sub-page block:
- Select Add sub-page to add a sub-page, then go to Step 3.
- Select Add external link to add a link to an external webpage, then go to Step 4.
- Select Add internal link to add a link to an existing internal webpage, then go to Step 5.
-
To add a sub-page from Add Sub-page:
- Enter a Page Title for the sub-page.
- Select how you want the sub-page link to open (in a new window, in the existing window, or embedded in the current page).
- Select OK. To add more sub-pages or links, return to Step 2, otherwise go to Step 6.
-
To add an External Link from Add External Link:
- Enter the text that you want to use for the link in Display Text.
- Enter the URL for the external webpage link.
- Select how you want the link to open (in a new window, in the existing window, or embedded in the current page).
- Select OK. To add more sub-pages or links, return to Step 2, otherwise go to Step 6.
-
To add an Internal Link from Add Internal Link:
- Enter the text that you want to use for the link in Display Text.
- Select the page in your website that you want to link to.
- Select how you want the link to open (in a new window, in the existing window, or embedded in the current page).
- Select OK. To add more sub-pages or links, return to Step 2, otherwise go to Step 6.
-
Optionally, select the Sort Order of the sub-pages / links:
- If you leave as Default, drag and drop the pages in the appropriate order.
- Select Name A-Z to sort in ascending alphabetical order.
- Select Name Z-A to sort in descending alphabetical order.
- To configure the way the Sub-page block looks:
- Select Icons to add and configure your icons, and to determine the layout of the Sub-page bock:
- Check Include icons to add icons to your sub-page links.
- Select the layout of the sub-pages (Icon layout):
- Side by side - to list icons across the page.
- Stacked - to list down the page
- Select the Icon size (either Small or Large).
- To edit the title of an icon, select the pencil icon.
- To change the default star the icon:
- Select the horizontal ellipses.
- When prompted search for and locate the icon you want to select, or alternatively, upload an icon of your choice.
- Select OK.
- Select Icons to add and configure your icons, and to determine the layout of the Sub-page bock:
-
Optinally, to add a title and configure navigation settings:
- Select General
- To add a title to the Sub-page block:
- Check Include Title to show title.
- Enter a Title.
- Check Hide from website navigation to ensure the sub-pages are not listed in the website navigation menus.
- Select OK.
- Save your changes (see Juniper Websites: What do the different save options mean?).
Outcome
The sub-page block and associated sub-pages are created:
Your Sub-pages can be edited in the same way that you edit other pages. If your Sub-pages are hidden in the site navigation, locate the pages through your Sitemap View to view and subsequently edit them.
Related information
- Juniper Websites: How can I view my sitemap?
- Juniper Websites: What do the different save options mean?
Updated