2021-08-25 11:33:29 +00:00
+++
2024-09-29 21:48:56 +00:00
description = "Add additional shortcut links to the sidebar"
title = "Shortcut Menu"
2024-09-21 11:05:58 +00:00
weight = 5
2021-08-25 11:33:29 +00:00
+++
2017-08-20 15:10:29 +00:00
2024-09-29 21:48:56 +00:00
The sidebar contains the navigation menu of your content files but you can also add additional menu entries or shortcuts below the navigation menu.
2017-08-20 15:10:29 +00:00
2024-09-29 21:48:56 +00:00
You can read more about [Hugo's menu configuration ](https://gohugo.io/content-management/menus/#define-in-site-configuration ) in its documenation.
2017-08-20 15:10:29 +00:00
2024-09-29 21:48:56 +00:00
## Title
2017-08-20 15:10:29 +00:00
2024-09-29 21:48:56 +00:00
By default, the shortcut menu is preceded by a title. This title can be disabled by setting `params.disableShortcutsTitle=true` . However, if you want to keep the title but change its value, it can be overridden by changing your local i18n translation string configuration.
For example, in your local `i18n/en.toml` file, add the following content
````toml {title="en.toml"}
[Shortcuts-Title]
other = "Other Great Stuff"
````
## Single Language Example
Edit the `hugo.toml` and add a `[[menu.shortcuts]]` entry for each link your want to add.
2017-08-20 15:10:29 +00:00
2024-03-02 10:04:52 +00:00
{{< multiconfig file = hugo > }}
2021-08-23 22:25:15 +00:00
[[menu.shortcuts]]
2024-03-18 16:24:06 +00:00
name = "< i class = 'fa-fw fab fa-github' > < / i > GitHub repo"
2021-08-23 22:25:15 +00:00
identifier = "ds"
url = "https://github.com/McShelby/hugo-theme-relearn"
weight = 10
[[menu.shortcuts]]
2024-03-18 16:24:06 +00:00
name = "< i class = 'fa-fw fas fa-camera' > < / i > Showcases"
2023-05-17 22:12:47 +00:00
url = "showcase/"
2021-08-23 22:25:15 +00:00
weight = 11
[[menu.shortcuts]]
2024-03-18 16:24:06 +00:00
name = "< i class = 'fa-fw fas fa-bookmark' > < / i > Hugo Documentation"
2021-08-23 22:25:15 +00:00
identifier = "hugodoc"
url = "https://gohugo.io/"
weight = 20
[[menu.shortcuts]]
2024-03-18 16:24:06 +00:00
name = "< i class = 'fa-fw fas fa-bullhorn' > < / i > Credits"
2022-02-18 01:13:35 +00:00
url = "more/credits/"
2021-08-23 22:25:15 +00:00
weight = 30
2021-10-24 09:53:09 +00:00
[[menu.shortcuts]]
2024-03-18 16:24:06 +00:00
name = "< i class = 'fa-fw fas fa-tags' > < / i > Tags"
2022-02-06 00:55:07 +00:00
url = "tags/"
2021-10-24 09:53:09 +00:00
weight = 40
2024-03-02 10:04:52 +00:00
{{< / multiconfig > }}
2017-08-20 15:10:29 +00:00
2024-09-29 21:48:56 +00:00
## Multilingual Example
2017-08-20 15:10:29 +00:00
2023-11-29 23:14:22 +00:00
When using a multilingual website, you can set different menus for each language. In the `hugo.toml` file, prefix your menu configuration by `Languages.<language-id>` .
2017-08-20 15:10:29 +00:00
2024-03-02 10:04:52 +00:00
{{< multiconfig file = hugo > }}
2023-05-17 18:58:37 +00:00
[languages]
[languages.en]
2022-02-24 22:09:49 +00:00
title = "Hugo Relearn Theme"
2021-10-24 09:53:09 +00:00
weight = 1
languageName = "English"
2023-05-17 18:58:37 +00:00
[languages.en.params]
2024-03-18 16:24:06 +00:00
landingPageName = "< i class = 'fa-fw fas fa-home' > < / i > Home"
2021-10-24 09:53:09 +00:00
2023-05-17 18:58:37 +00:00
[[languages.en.menu.shortcuts]]
2024-03-18 16:24:06 +00:00
name = "< i class = 'fa-fw fab fa-github' > < / i > GitHub repo"
2021-10-24 09:53:09 +00:00
identifier = "ds"
url = "https://github.com/McShelby/hugo-theme-relearn"
weight = 10
2023-05-17 18:58:37 +00:00
[[languages.en.menu.shortcuts]]
2024-03-18 16:24:06 +00:00
name = "< i class = 'fa-fw fas fa-camera' > < / i > Showcases"
2023-06-02 10:12:34 +00:00
pageRef = "showcase/"
2021-10-24 09:53:09 +00:00
weight = 11
2023-05-17 18:58:37 +00:00
[[languages.en.menu.shortcuts]]
2024-03-18 16:24:06 +00:00
name = "< i class = 'fa-fw fas fa-bookmark' > < / i > Hugo Documentation"
2021-10-24 09:53:09 +00:00
identifier = "hugodoc"
url = "https://gohugo.io/"
weight = 20
2023-05-17 18:58:37 +00:00
[[languages.en.menu.shortcuts]]
2024-03-18 16:24:06 +00:00
name = "< i class = 'fa-fw fas fa-bullhorn' > < / i > Credits"
2023-06-02 10:12:34 +00:00
pageRef = "more/credits/"
2021-10-24 09:53:09 +00:00
weight = 30
2023-05-17 18:58:37 +00:00
[[languages.en.menu.shortcuts]]
2024-03-18 16:24:06 +00:00
name = "< i class = 'fa-fw fas fa-tags' > < / i > Tags"
2023-06-02 10:12:34 +00:00
pageRef = "tags/"
2021-10-24 09:53:09 +00:00
weight = 40
2023-05-17 18:58:37 +00:00
[languages.pir]
2022-02-24 22:09:49 +00:00
title = "Cap'n Hugo Relearrrn Theme"
2021-10-24 09:53:09 +00:00
weight = 1
2024-09-29 21:57:23 +00:00
languageName = "Arrr! Pirrratish"
2023-05-17 18:58:37 +00:00
[languages.pir.params]
2024-03-18 16:24:06 +00:00
landingPageName = "< i class = 'fa-fw fas fa-home' > < / i > Arrr! Home"
2021-10-24 09:53:09 +00:00
2023-05-17 18:58:37 +00:00
[[languages.pir.menu.shortcuts]]
2024-03-18 16:24:06 +00:00
name = "< i class = 'fa-fw fab fa-github' > < / i > GitHub repo"
2021-10-24 09:53:09 +00:00
identifier = "ds"
url = "https://github.com/McShelby/hugo-theme-relearn"
weight = 10
2023-05-17 18:58:37 +00:00
[[languages.pir.menu.shortcuts]]
2024-03-18 16:24:06 +00:00
name = "< i class = 'fa-fw fas fa-camera' > < / i > Showcases"
2023-06-02 10:12:34 +00:00
pageRef = "showcase/"
2021-10-24 09:53:09 +00:00
weight = 11
2023-05-17 18:58:37 +00:00
[[languages.pir.menu.shortcuts]]
2024-03-18 16:24:06 +00:00
name = "< i class = 'fa-fw fas fa-bookmark' > < / i > Cap'n Hugo Documentat'n"
2021-10-24 09:53:09 +00:00
identifier = "hugodoc"
url = "https://gohugo.io/"
weight = 20
2023-05-17 18:58:37 +00:00
[[languages.pir.menu.shortcuts]]
2024-03-18 16:24:06 +00:00
name = "< i class = 'fa-fw fas fa-bullhorn' > < / i > Crrredits"
2023-06-02 10:12:34 +00:00
pageRef = "more/credits/"
2021-10-24 09:53:09 +00:00
weight = 30
2023-05-17 18:58:37 +00:00
[[languages.pir.menu.shortcuts]]
2024-03-18 16:24:06 +00:00
name = "< i class = 'fa-fw fas fa-tags' > < / i > Arrr! Tags"
2023-06-02 10:12:34 +00:00
pageRef = "tags/"
2021-10-24 09:53:09 +00:00
weight = 40
2024-03-02 10:04:52 +00:00
{{< / multiconfig > }}
2017-08-20 15:10:29 +00:00
2024-09-29 21:48:56 +00:00
## Shortcuts to Pages Inside of your Project
2023-05-19 20:33:27 +00:00
2024-09-29 21:48:56 +00:00
If you have shortcuts to pages inside of your project and you don't want them to show up in your navigation menu, you have two choices:
2023-05-19 20:33:27 +00:00
2024-09-29 21:48:56 +00:00
1. Make the page file for the shortcut a [headless branch bundle ](https://gohugo.io/content-management/page-bundles/#headless-bundle ) (contained in its own subdirectory and called `_index.md` ) and add the following frontmatter configuration to the file (see exampleSite's `content/showcase/_index.en.md` ). This causes its content to **not** be contained in the sitemap.
2023-05-19 20:33:27 +00:00
2024-03-02 10:04:52 +00:00
{{< multiconfig fm = true > }}
2023-09-21 15:23:41 +00:00
title = "Showcase"
2023-05-19 20:33:27 +00:00
[_build]
2023-09-21 15:23:41 +00:00
render = "always"
2023-05-19 20:33:27 +00:00
list = "never"
2023-09-21 15:23:41 +00:00
publishResources = true
2024-03-02 10:04:52 +00:00
{{< / multiconfig > }}
2023-05-19 20:33:27 +00:00
2024-03-02 13:19:46 +00:00
2. Store the page file for the shortcut below a parent headless branch bundle and add the following frontmatter to he **parent** (see exampleSite's `content/more/_index.en.md` ). **Don't give this page a `title`** as this will cause it to be shown in the breadcrumbs - a thing you most likely don't want.
2023-05-19 20:33:27 +00:00
2024-03-02 10:04:52 +00:00
{{< multiconfig fm = true > }}
2023-05-19 20:33:27 +00:00
[_build]
2023-09-21 15:23:41 +00:00
render = "never"
2023-05-19 20:33:27 +00:00
list = "never"
2023-09-21 15:23:41 +00:00
publishResources = false
2024-03-02 10:04:52 +00:00
{{< / multiconfig > }}
2023-09-21 15:23:41 +00:00
In this case, the file itself can be a branch bundle, leaf bundle or simple page (see exampleSite's `content/more/credits.en.md` ). This causes its content to be contained in the sitemap.
2024-03-02 10:04:52 +00:00
{{< multiconfig fm = true > }}
2023-09-21 15:23:41 +00:00
title = "Credits"
2024-03-02 10:04:52 +00:00
{{< / multiconfig > }}