Web structure and breadcrumbs

When you save a new page on ki.se (in Drupal), you must specify which page comes before it the website structure. It helps the visitor to understand which subject the page belongs to and where on the website the user has landed.

Main menu

At the next update of ki.se, the structure will be reflected in the menu. When you click on the menu on the site today, you get a set of links to the main area of ​​the site, it's the same view, the same set of links, regardless of where you are on the site. Starting with the update, the menu will be dynamic, that is, it will mark where on the site you are. It's the same main menu everywhere on the site, you'll be able to backtrack to the same starting point from all pages.

Screenshot showing the menu of ki.se
Main menu on ki.se shows where on the site you are and which other pages are available.

The structure of the content on the site is built in four steps; main menu, breadcrumb menu, menu for this area and navigate on the page:

You can navigate the menu by clicking on links or clicking on the arrows to expand the next level to the reach the links if there are more levels below.
  • Main menu
    The first tab in the menu is controlled by the web administration. But on other levels, the links are taken from the breadcrumb menu. As a visitor, you can navigate by
    1. Clicking on one of the links in the menu. The menu closes and you go to the page that the link leads to.
    2. Clicking on the arrow next to the link. The next level in the menu expands and shows the links that are on the level below. The levels above the structure are closed to narrow tabs to the left of the menu.

When the visitor comes to a page through search or a link and then clicks on the menu, the page he is on will be marked in the menu (a). If you want to go back in the menu, you can either click on "back" or on one of the narrow tabs (b).

Screenshot showing a detail of the menu of ki.se
The page you are on is highlighted in the menu (a), you can go back in the menu by clicking on one of the narrow tabs (b).
  • Breadcrumb menu
    Level two and below are taken from the breadcrumb menu. The pages that have a page as a parent item will be shown to the visitor when he clicks on the arrow next to the parent item page.
  • Menu for this area
    A landing page collects and links to several pages within an area. On a landing page there is usually a menu of the pages included in the area. Such a menu is always given the heading "Menu for this area".
  • Navigate on the page
    On a page, you can add so-called linked headings, these form a menu for the content on the page and get the heading "Navigate on the page".

The breadcrumb fetch parent item

You place the page in the structure by selecting a so-called parent item. That page in turn also has a parent item. In this way, a family tree, or a road of breadcrumbs, is formed all the way up to the start page of the website.

Screen shot of the breadcrumbs on a page on the website ki.se
Breadcrumbs are links to pages above this page in the website navigation.

To a visitor, the family tree / structure is displayed as a series of links above the page title. It is usually called a road of bread crumbs.

This function replaces "Included in" on the following page types: Landing page, Page, Form page, Program web landing page, Program web page and Course web page. Other types of pages/articles, such as news and calendar events, need to be put in context in other ways.

Mandatory choice

  1. All pages neews to have a parent item.
  2. A page can only have one parent item.
  3. The page's parent must be on the same family tree as the page. That is, you can not fetch a parent is from ki.se/research, and save the page on ki.se/about-ki.

Choose a parent from the existing pages of the website

Screenshot on how to add a parent item to your page
Choose a parent item from the same part of the website that holds your page.

When placing your page, choose from lists of pages at different levels. You continue to choose from the lists that appear until you have reached the level that is right for your page.

You don't have to keep selecting just because more levels appear. You can stop when you have come to the page that is the right parent for your particular page, even if it has more children.

It looks a little different depending on which part of the website you are on.

Ki.se

  • Level 1: Subsite for exemple ki.se/research or ki.se/bionut
  • Level 2: Tab pages, menu for the subsite, for example ki.se/fresearch has the pages "Research areas", "Researchers", "Research funding" and "Infrastructure" in the menu.
  • Level 3: The links that have the tabs as their parent items.
  • Level 4: The pages that are below the choice you made on level 3 
  • and so forth

Subdomains: staff.ki.se, education.ki.se och news.ki.se

  • Level 1: Tabs, menu for the subdomain,  for example the staff portal that has "Your employment", "Tools and support!", "Education and research" and "On site on campus" and "Our KI" in the menu.
  • Level 2: The links that have the tabs as their parent items.
  • Level 4: The pages that are below the choice you made on level 2
  • and so forth

Authorization to save at different levels

Editors have permissions to save pages up to a certain level in the structure. The editor-in-chief / head of a sub-site / sub-domain decides on the tab start pages (level 3 on ki.se, level 2 on other subdomains) within their part of the website. If you try to save a page at a level you are not authorized to use you will receive an error message:

screen shoot for error message
If you do not have permission to save a page with parent item at the level you have selected, you will receive an error message. Choose a parent further down the family tree.

"You are not allowed to add pages on this menu level. You have to add at least one more level to be able to save."

  1. Choose Change or add another menu level
  2. Continue to choose from the lists further down in the structure.

When you can not find the right parent

If you do not find a suitable parent item for your page, or if you think it should be saved directly under a tab start page, select the one you think is most appropriate to be able to save the page. You can then contact the person responsible for the subsite / subdomain for tips and advice on how to place your page or help to save it higher up in the structure. If you do not know who is responsible, you can contact webb@ki.se and / or visit a drupal workpace.

Keep in mind

When you edit an existing page that has a parent item at a higher level than you have the right to choose, you can still save the page if you do not try to change the parent item.

Add links within the website

There is probably other information within the site that the visitor to your site will also benefit from. This can be information at the same level in the structure or which is aimed at a nearby target group that followed the "wrong" link in a search.

Screen shot
Links to other related content within the website.

At KI, we meet this need by collecting links in one or more boxes with fixed headings. These links get the same look no matter where they are used and the fixed headings make visitors recognize themselves between different pages.These fixed headings are:

  • Were you looking for
  • Tips and advice
  • Inspiration
  • Related
  • More on this topic

The fucntion related information is found at the bottom of the page i the editing view, just below the "add block"-field.

Did your page have several included in-links?

If you previously had more than one included in link on your page, use one of these fields for the other links. You can still see "included in" when editing the page, even if you can not make any changes to it, just so you do not forget any link when you complete the page with these boxes.

Right now, these links end up in a gray box under the page's own menu (navigate on this page). In an upcoming update, we will update the layout of the pages, especially in desktop mode. In connection with this, this box will be moved up and get an updated look.

News and calendar events are not included in the family tree

You cannot put a parent item on a news article or a calendar event. This content is temporary and the structure would not be manageable if all the old news and past calendar events were pushed into the tree.

Put a news or calendar event in context

As a visitor, I need to understand the context of a news or calendar event. This is especially important on ki.se, where news and calendar are gathered in a separate place within the site, nyheter.ki.se. For these content types there is still an included in-link. These should be used for all news and calendar events. You can enter one to three links to related content within ki.se.

When was this change implemented?

This change was put in to place on May 20, 2021 and it replaced the previous way of putting pages in context, "Included in links"

If the page had one or more included in links today, the top link was retrieved as a parent item.

KW
KI webbförvaltning
20-10-2022
Jenny Thorell