Contenu latéral

Logo, titre, sous-titre

Le contenu latéral est lui aussi personalisable ! Le logo, le titre, le sous-titre peuvent être définis comme suit dans la configuration hugo.(yaml|toml) :

params:
  hugo_primer:
    nav_logo: /logo.webp
    profile_logo:
      sizes: "(max-width: 768px) 170px, 290px"
      src: /logo/20.webp
      srcset: /logo/10.webp 192w, /logo/20.webp 384w
    subtitle: Subtitle
    title: Title

Liens

Au-delà, des liens extras peuvent être définis par le menu Hugo profile :

menus:
  profile:
    - identifier: company
      params:
        aria_label: My Company
        class: text-bold
      name: "@example"
      pre: /static/primer/organization-16.svg

    - identifier: mail
      name: example@example.com
      pre: /static/primer/mail-16.svg
      url: mailto:example@example.com

    - identifier: website
      name: https://example.com
      pre: /static/primer/link-16.svg
      url: https://example.com

    - identifier: linkedin
      name: in/example
      pre: /static/primer/in-16.svg
      url: https://example.com

Il est donc possible de définir autant de liens que souhaités 😀.

Vous pouvez obtenir plus d’information sur menus ici.

Suppléments

Au-delà du menu profile, il est possible de surcharger le layout layouts/partials/hugo-primer/side.html pour ajouter des éléments supplémentaires en dessous des liens extras.