Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The Site Builder

...

lets you shape your site’s content and structure, which is also reflected in the site’s navigation menu.

On this page, we show you how to:

Table of Contents
minLevel1
maxLevel2

Access

...

a site’s Site Builder

...

You can access the Site Builder

...

in multiple ways:

Expand
titleVia Confluence or Jira
  1. In the top menu, click Apps > Refined.

  2. Go to the Refined Administration by clicking the green button

...

  1. .

    Image Modified
  2. Click Sites in the left-hand menu.

...

  1. Select the site

...

  1. .

Image Modified
Expand
titleVia the Refined Administration
  1. Click Sites in the left-hand menu.

...

  1. Select the site

...

  1. .

Image Modified
Expand
titleVia

...

the site itself

In the top-right side of

...

any page, click the Cogwheel > Site Builder.

...

You can also use the keyboard shortcut B for quick access.

Image Added

Content and structure items

Most sites consist of a mix of these items that let you shape your site’s content and structure:

  • A Refined Page is a customizable landing page. Although it is not connected to any specific Confluence or Jira content itself, you can use it to show content from the spaces and projects that you group underneath it in the Site Builder.

...

Add content

...

  • Any item that you nest below a Refined Page appears in a dropdown list in your site’s navigation menu.

  • Menu Folders also let you create dropdown lists in the navigation menu. As opposed to a Refined Page, a Menu Folder doesn’t have a landing page.

  • When you add a Confluence space, you create a customizable landing page for the space. Through this page, users can access the Confluence space’s pages and blogs.

  • When you add a JSM project, you create a customizable landing page for the project. Users can create and view requests on this page.

  • When you add a Jira Software project, you create a customizable landing page for the project. Users can create and view issues on this page.

  • Links let you direct users to any page you want, on or off your site, straight from your site’s navigation menu.

Site Builder hierarchy

An organized Navigation Menu helps your visitors find the right content. Simply drag and drop items to arrange them into a hierarchy. Group items underneath Refined Pages and Menu folders to create dropdown lists in the site navigation menu. The key to a successful hierarchy is to think about the relationships between spaces/projects and how they'll be used.

For example, you can create four menu folders which will be the main navigation menu items on your intranet: Teams, Projects, Resources and HR. Everything you group underneath these folders in the Site Builder appears in dropdown lists in the menu.

Image Added
Image Added

Item

Can have other items grouped underneath it

Can be grouped underneath another item

Refined Page

Menu folder

Link

-

Confluence space

Jira Software project

JSM project

-

Add an item

Choose where to add the new

...

item in your site’s

...

hierarchy (read more about that below). You can always move it to a different location later by dragging and dropping it.

  1. To add an item to the bottom of the Site Builder, click the + Add Content button.

  2. To add an item to a specific location in the Site Builder, hover your cursor between content items.

    • Click the plus button that appears to add the item

...

    • on the same hierarchy level.

    • Click the insert button that appears to

...

Choose which type of content you want to add, and set it up to your liking:

Rw ui children

Edit content

...

    • group it underneath another item in the hierarchy.

Edit an item

To edit an item’s settings, click its … (Three dots) > Settings.

To edit

...

Delete content

To delete a content item:

...

an item’s customizable page (applicable to Refined Pages, Confluence spaces, Jira Software projects and JSM projects):

  1. Click its … (Three dots) > Edit Page.

  2. The page will then open in the Page Builder.

Structure content (into parent and child items)

A structured Navigation Menu helps your visitors find the right content. Drag and drop your content items around in the Site Builder to achieve the desired structure.

Items that are justified to the left in the Site Builder (parent items) will appear as items in the Navigation Menu. Content that is nested under parent items (child items) will appear in drop-down menus in the Navigation Menu.

...

Content item

...

Can be

...

Refined Page

...

Parent
Child

...

Menu folder

...

Parent
Child

...

Link

...

Child

...

Confluence space

...

Child

...

Jira Software project

...

Child

...

JSM project

...

Child

Delete an item

  1. Click the item’s Cogwheel > Delete.

...

  1. In the popup that appears, click the Delete button to confirm your action.

When you delete

...

a Refined Page, Confluence space, Jira Software project or JSM project from your site, you lose the changes you made to its

...

customizable page. If you want to use the layout of that

...

page again in the future, we recommend exporting it in the Page Builder before deleting the content. This way, you can import it to another piece of content later

...

.

View

...

an item on your Refined site

To see how

...

the customizable page of a a Refined Page, Confluence space, Jira Software project or JSM project looks on your site:

  1. Hover your cursor over the

...

  1. item.

  2. Click the arrow that appears next to the

...

  1. (…) Three Dots.

  2. Your Refined site opens in a new tab.