Juniper Websites: Working with Sub-page Blocks

Juniper Websites

Overview

A sub-page block groups related pages and links together on one page. For example, a Key Information page could link to sub-pages for Admissions, Policies, and School Improvement. Your Class Pages page could link to a sub-page for each class.

Sub-pages keep related information in one place, without cluttering your navigation menu. A sub-page block can include new sub-pages, links to other pages on your website, and links to other websites.

This guide explains how to add and manage a sub-page block, change how it looks, and delete sub-pages safely.

Add a sub-page block

Follow these steps to add a sub-page block to a page:

  1. Open the webpage you want to add sub-pages to, or create a new one.
  2. Select the content area where you want to add the sub-page block.

  3. Select the Edit tab, then select the Blocks icon:

    The Blocks icon on the Edit tab

  4. Scroll down the list of blocks and select Sub-page. Sub-page Block appears:

    The Sub-page option in the blocks list

You can add three types of item to a sub-page block:

The add options in the Sub-page Block window

Option What it does
Add sub-page Creates a new page on your website and links to it from the block.
Add internal link Links to a page that's already on your website.
Add external link Links to a page on another website.

Expand a section to find out more. Repeat the steps for each sub-page or link you want to add:

  • Follow these steps to add a new sub-page:

    1. In Sub-page Block, select Add sub-page. Add Sub-page appears:

      The Add Sub-page window

    2. Enter a Page Title for the sub-page.
    3. Choose how the sub-page opens: in a new window, in the same window, or embedded in the current page.
    4. Select OK.
  • Follow these steps to link to a page that's already on your website:

    1. In Sub-page Block, select Add internal link. Add Internal Link appears:

      The Add Internal Link window

    2. Enter the text for the link in Display Text.
    3. Select the page on your website you want to link to.
    4. Choose how the link opens: in a new window, in the same window, or embedded in the current page.
    5. Select OK.
  • Follow these steps to link to a page on another website:

    1. In Sub-page Block, select Add external link. Add External Link appears:

      The Add External Link window

    2. Enter the text for the link in Display Text.
    3. Enter the web address of the page you want to link to.
    4. Choose how the link opens: in a new window, in the same window, or embedded in the current page.
    5. Select OK.

After you save your page, you can edit your new sub-pages in the same way as any other page.

Change the order of your sub-pages and links

Follow these steps to choose the order of the items in your block:

  1. In Sub-page Block, select a Sort Order:

    Sort Order options in the Sub-page Block window

    1. Select Default, then drag the items into the order you want.
    2. Select Name A-Z to sort from A to Z.
    3. Select Name Z-A to sort from Z to A.
  2. Select OK.

Change how your sub-page block looks

Expand a section to find out more:

  • Follow these steps to add icons to your sub-pages and links, and choose a layout:

    1. In Sub-page Block, select Icons:

      The Icons settings in the Sub-page Block window

    2. Check Include icons.
    3. Choose an Icon layout. Use the table below to help you.
    4. Choose an Icon size: Small or Large.
    5. Select OK.

    Use this table to help you:

    Icon layout What it does
    Side by side Shows your sub-pages and links across the page.
    Stacked Shows your sub-pages and links down the page.
  • Each sub-page and link has a star icon to start with. Follow these steps to change it:
    1. In Sub-page Block, select Icons.
    2. To change the title of an item, select the pencil icon ( ) next to it.

    3. To change an icon, select the horizontal ellipsis ( ) next to the item:

      The horizontal ellipsis next to an icon

    4. Search for the icon you want, then select it.
    5. Select OK.
  • You can upload your own icons, for example, your school logo or a picture for each class. Follow these steps to upload an icon:
    1. In Sub-page Block, select Icons.
    2. Select the horizontal ellipsis ( ) next to the item you want to change.

    3. Select Upload bespoke icon:

      The Upload bespoke icon option

    4. In Upload bespoke icon, enter a name for the icon:

      The Upload bespoke icon window

    5. Select Upload from device, then choose the image file from your computer, for example, a .png file.
    6. After the icon uploads, select OK.

    7. Select your new icon:

      Selecting an uploaded icon

    8. Select OK.

  • Follow these steps to add a title above your block, or hide your sub-pages from your website menus:

    1. In Sub-page Block, select General:

      The General settings in the Sub-page Block window

    2. To add a title, check Include Title, then enter the Title.
    3. To keep your sub-pages out of your website menus, check Hide from website navigation.
    4. Select OK.

    Hidden sub-pages still appear in your sub-page block. To edit them, find them in Sitemap View. See Edit a sub-page block or a sub-page.

Save your changes

Follow these steps after you add or change your sub-page block:

  1. In Sub-page Block, select OK.

  2. Check the sub-page block in the content area:

    A finished sub-page block on a webpage
  3. Select Save to save your changes. For more help, see Juniper Websites: What do the different save options mean?

Edit a sub-page block or a sub-page

Expand a section to find out more:

  • Follow these steps to change a sub-page block you've already added:
    1. Open the webpage with the sub-page block.

    2. Double-click the sub-page block. Sub-page Block appears:

      Double-clicking a sub-page block in the content area

    3. Make your changes, then select OK.
    4. Select Save.
  • Sub-pages are normal pages, so you edit them in the usual way. If you checked Hide from website navigation, they aren't in your menus. Follow these steps to find and edit a sub-page from Sitemap View:
    1. Select the Home tab.

    2. Select Sitemap View:

      The Sitemap View option on the Home tab

    3. Find the sub-page you want to edit.

    4. Select the page, then select Visit:

      The Visit option in Sitemap View

    5. The sub-page opens. Make your changes, then select Save.

You can delete an internal or external link from Sitemap View or from the sub-page block. Select a tab to find out more:

  • Follow these steps to delete a link from Sitemap View:
    1. Select the Home tab, then select Sitemap View.
    2. Find the link you want to delete.

    3. Select Start Edit:

      The Start Edit option in Sitemap View

    4. Right-click the link, then select Delete:

      The Delete option in Sitemap View edit mode

    5. Select Delete to confirm:

      The delete confirmation dialog box

    6. After a message tells you your changes are saved, select End Edit.
    7. Close Sitemap View.

  • Only use these steps for internal and external links. If you delete a sub-page this way, the page stays on your website. See Delete a sub-page.

    Follow these steps to delete a link from the sub-page block:

    1. Open the webpage with the sub-page block.
    2. Double-click the sub-page block. Sub-page Block appears.

    3. Select the bin icon ( ) next to the link you want to delete:

      The bin icon next to an item in the Sub-page Block window

    4. Select OK.
    5. Select Save.

Delete a sub-page

Always delete sub-pages from Sitemap View. If you delete a sub-page from the sub-page block, only the link is removed. The page and its content stay on your website.

Follow these steps to delete a sub-page:

  1. Select the Home tab, then select Sitemap View.
  2. Find the sub-page you want to delete.
  3. Select Start Edit.
  4. Right-click the sub-page, then select Delete.
  5. Select Delete to confirm.
  6. After a message tells you your changes are saved, select End Edit.
  7. Close Sitemap View.

The sub-page is deleted from your website, and its link is removed from the sub-page block.

Move a sub-page block

Follow these steps to move a sub-page block to a different place on your page:

  1. Open the webpage with the sub-page block you want to move.
  2. Drag the sub-page block to its new position in the content area.
  3. Select Save.

Tips and best practices

  1. Use short, clear titles for your sub-pages and links, so visitors can scan them quickly.
  2. Use icons that match the topic of each sub-page, so the block is easy to understand at a glance.
  3. If you upload your own icons, use images that are the same size and style, so your block looks balanced.
  4. Check Hide from website navigation if your menus are already busy.
  5. Always delete sub-pages from Sitemap View, so you don't leave unused pages on your website.

Next steps

Add content to each of your new sub-pages, then check how your block looks on different devices. See Juniper Websites: How do I see what my website looks like on different devices?

Updated