HUGO
Menu
GitHub 86179 stars Mastodon

Pre

Returns the pre property of the given menu entry.

Syntax

MENUENTRY.Pre

Returns

template.HTML

In this site configuration we enable rendering of emoji shortcodes, and add emoji shortcodes before (pre) and after (post) each menu entry:

enableEmoji: true
menus:
  main:
  - name: About
    pageRef: /about
    post: ':point_left:'
    pre: ':point_right:'
    weight: 10
  - name: Contact
    pageRef: /contact
    post: ':arrow_left:'
    pre: ':arrow_right:'
    weight: 20
enableEmoji = true
[menus]
  [[menus.main]]
    name = 'About'
    pageRef = '/about'
    post = ':point_left:'
    pre = ':point_right:'
    weight = 10
  [[menus.main]]
    name = 'Contact'
    pageRef = '/contact'
    post = ':arrow_left:'
    pre = ':arrow_right:'
    weight = 20
{
   "enableEmoji": true,
   "menus": {
      "main": [
         {
            "name": "About",
            "pageRef": "/about",
            "post": ":point_left:",
            "pre": ":point_right:",
            "weight": 10
         },
         {
            "name": "Contact",
            "pageRef": "/contact",
            "post": ":arrow_left:",
            "pre": ":arrow_right:",
            "weight": 20
         }
      ]
   }
}

To render the menu:

<ul>
  {{ range .Site.Menus.main }}
    <li>
      {{ .Pre | markdownify }}
      <a href="{{ .URL }}">{{ .Name }}</a>
      {{ .Post | markdownify }}
    </li>
  {{ end }}
</ul>