content/id/pos/mengatur-menu.md

metadata

title: Mengatur Menu
description: Cara mengatur menu di tema Hugo Brewm
date: 2025-01-26T00:00:00.000Z
lastmod: 2025-02-04T00:00:00.000Z
type: post
draft: false
translationKey: menus
coffee: 1

Pelajari cara mengatur menu di tema Hugo Brewm menggunakan file config.toml atau menus[.lang].toml.

Parameter Menu

• identifier: Pengenal unik untuk setiap item menu
• name: Teks yang ditampilkan di menu
• url: Tujuan tautan eksternal
• pageRef: Tautan ke halaman internal
• weight: Pengurutan item menu (angka lebih kecil lebih dulu)
• pre: Setel ikon
• post: Deskripsi untuk tautan
• parent: Referensi item menu induk

Menambahkan Ikon

Tambahkan ikon ke item menu Anda dengan parameter pre.

[[menu.main]]
    identifier = "github"
    name = "GitHub"
    url = "https://github.com/"
    pre = "github"

Berikut adalah daftar ikon yang didukung beserta nama-namanya yang dapat digunakan saat mengkonfigurasi item menu Anda:

• email
• rss
• behance
• bigcartel
• bitbucket
• blogger
• bluesky
• bukalapak
• buymeacoffee
• clubhouse
• codepen
• creativefabrica
• dailymotion
• dev
• deviantart
• digg
• dribbble
• ebay
• etsy
• facebook
• figma
• flickr
• flipkart
• github
• githubsponsors
• gitlab
• gnusocial
• goodreads
• googlescholar
• gumroad
• hackernews
• hashnode
• icon–500px
• instagram
• jsfiddle
• karyakarsa
• keybase
• keycdn
• kickstarter
• kofi
• lazada
• liberapay
• linkedin
• mastodon
• medium
• olx
• opencollective
• openid
• orcid
• patreon
• paypal
• peertube
• pinterest
• pleroma
• publons
• quora
• reddit
• researchgate
• saweria
• sellfy
• shopee
• shopify
• signal
• snapchat
• soundcloud
• stackexchange
• stackoverflow
• stripe
• substack
• telegram
• threads
• tiktok
• tokopedia
• tumblr
• twitch
• twitter
• vimeo
• vine
• vk
• wattpad
• weibo
• whatsapp
• wikipedia
• wordpress
• write-dot-as
• x
• xing
• xmpp
• youtube

Membuat Menu Bertingkat

Buat menu dropdown dengan menggunakan parameter parent:

[[menu.main]]
    identifier = "about"
    name = "Tentang"
    pageRef = "/about"

    [[menu.main]]
        identifier = "about-author"
        name = "Penulis"
        pageRef = "/about/author"
        parent = "about"

Dukungan Bahasa

Ada empat cara untuk menambahkan dukungan multi-bahasa ke menu Anda:

1. Menggunakan menu.[menuID].params.lang

Di config.toml:

[[menu.main]]
    identifier = "about"
    name = "About"
    url = "/about/"
    [menu.main.params]
        lang = "en"

[[menu.id.main]]
    identifier = "about"
    name = "Tentang"
    url = "/tentang/"
    [menu.main.params]
        lang = "id"

2. Menggunakan menu.[lang].[menuID]

Di config.toml:

[[menu.en.main]]
    identifier = "about"
    name = "About"
    url = "/about/"

    [[menu.en.main]]
        identifier = "about-author"
        name = "Author"
        pageRef = "/about/author"
        parent = "about"

[[menu.id.main]]
    identifier = "about"
    name = "Tentang"
    url = "/tentang/"

    [[menu.id.main]]
        identifier = "about-author"
        name = "Tentang Penyusun"
        pageRef = "/tentang/penyusun"
        parent = "about"

3. Menggunakan File Menu Terpisah

Di menus.en.toml:

[[main]]
    identifier = "about"
    name = "About"
    url = "/about/"

    [[main]]
        identifier = "about-author"
        name = "Author"
        pageRef = "/about/author"
        parent = "about"

Di menus.id.toml:

[[main]]
    identifier = "about"
    name = "Tentang"
    url = "/tentang/"

    [[menu.id.main]]
        identifier = "about-author"
        name = "Tentang Penyusun"
        pageRef = "/tentang/penyusun"
        parent = "about"

4. Menggunakan Front Matter di File Markdown

di index[.lang].md _index[.lang].md atau filename[.lang].md

---
title: "Tentang Penulis"
menus: 
  main:
    indetifier: about-author
    parent: about
---