...
Site Navigation module
The Site Navigation module shows content that is nested below the page in the Site Builder site structure, helping users navigate your site.
The module only shows content that the user is allowed to see. It excludes Jira Software projects, JSM projects, Confluence spaces, and Refined Pages which you set up not to be shown in the navigation menu.
...
Add this module to a page
Open the Page Builder on the page you want to edit. This can be:
The site’s homepage.
A Refined Page.
The landing page of a Jira Software project, Jira Service Management project, or Confluence SpaceClick the Edit page button.
Hover your mouse over the desired location on the page and click the + Add module button that appears.
Click Site Navigation in the left-hand menu.
Select the Site Navigation module.
Go to a landing page on your site.
Edit the title
Simply click the module’s title to start writing and formatting. You can (heading), to edit it. There are various formatting options, including paragraph/heading styles. Tip: use text variables to make the text dynamic, for example to display the user’s first name.
Edit the settings
Click the module to open its settings menu, which appears on its right-hand side.
Edit the settings, which are divided over multiple tabs:
Module tab
Setting | Description |
---|---|
Fixed height | By default, all modules adjust their size to their content. To set a fixed height instead, fill in the desired height in pixels. |
Site Navigation tab
Setting | Description | |
---|---|---|
Show as |
| |
Style | When Show as is set to List: Cards Root page | To show all landing pages below the current page in the site structure, leave this field empty. To show all landing pages below the another page in the site structure, enter that page’s structure ID (see below). To show the entire site structure, enter the page ID of the site’s home page. |
Show as |
| |
Style When Show as is set to Tree: |
| |
Item size | Choose between Small, Medium, and Large. |
Find a page’s structure ID
Go to a landing page on your site.
Click the Edit page button.
Look in the page’s URL. The structure ID is the last number in the URL. For example, in the URL example.site.com/2/1068, the structure ID is 1068.