🧬

🧬 Destillat 2 — Dashboard: Inställningar & Navigering

Ă–versikt

Bullet Dashboard är kontrollpanelen för allt som inte är innehåll — navigation, design, domän, custom code, sökfunktion och flerspråkighet. Stefan trycker på knapparna i dashboarden — Webbmastern skriver instruktionerna.

Navbar (Header)

Navigera till Navbar i sidofältet.

Brand Details

  • Logo: Text eller bild (visas övre vänstra hörnet). Logotypens bredd justeras under Theme Settings.
  • Site Search: Toggle — aktiverar sajt-bred sökfunktion i navbaren.

Navigation Links

Lägg till i Navbar Links:
  1. Title — länkens synliga namn
  1. Type — välj sidtyp: intern sida, extern URL, eller Dropdown för gruppering
  1. URL — välj befintlig sida eller klistra in extern URL
  1. New tab — checkbox: öppna i ny flik

Call-to-Action (CTA)

Samma som nav-länkar men renderas som knappar istället för textlänkar. Konfigurera under Call-to-Action i Navbar.
⚠️ Spara alltid innan du lämnar sektionen. Ändringar kräver Publish för att synas live.

Footer

Navigera till Site Settings → Footer. Default = tom footer.

Struktur

Välj layout: Single Row eller Multi-Column.

InnehĂĄll

  • Links: Samma mekanism som navbar — Title, Type, URL. Stöder kolumngruppering.
  • Social Icons: Välj plattform (11 stycken: Facebook, Instagram, LinkedIn, Twitter, Behance, GitHub m.fl.) + klistra in URL.
  • Copyright: Automatisk default med sajtnamn. Redigerbar.
  • Newsletter/CTA Embed: HTML-ruta — klistra in embed-kod för nyhetsbrev, CTA, kommentarswidget.

Logo & Favicon

Logo

Navbar → Brand → Type: "Logo" → Upload.

Favicon & OG Image

Site Settings → Favicon & OG Image → ladda upp favicon + social sharing-bild.
Om ingen favicon laddas upp används Notion-sidans ikon som default.

Custom Code

Navigera till Code Editor i sajt-dashboarden.

Tre injiceringspunkter

Sektion
Injiceras
Användning
Head
Före </head>
CSS-länkar, meta-taggar, template-kod, tracking-skript
Body
Före </body>
JavaScript, widget-skript, analytics
CSS
I <style> före </head>
Custom CSS-stilar

Global vs Page-specific

  • Global kod → gäller alla sidor
  • Page-specific kod → Pages → välj sida → Code → Current page

Site Search

Navbar → Brand → Site Search toggle = på.
För custom sökfält: se HTML-snippet i How-to-destillatet (Destillat 9).

FlersprĂĄkig sajt (Multilingual)

Aktivera

Site Settings → General → "This is a multi-lingual site" toggle.

Konfigurera

  1. Add Language → välj språk
  1. Sätt Language Label (visas i språkväljaren, t.ex. "Svenska")
  1. Sätt Path (t.ex. /sv) — alla sidor under denna path får korrekt lang-attribut i HTML
  1. Skapa Notion-sidor med path under sprĂĄkprefixet (t.ex. /sv/om, /sv/blogg)

Navbar & Footer per sprĂĄk

Efter att sprĂĄk lagts till syns separata navbar/footer-konfigurationer per sprĂĄk i dashboarden.

Resultat

En glob-ikon i sidhuvudet → besökare klickar för att byta språk.

Sidebar (Vertikal navigering)

Navigera till Sidebar i dashboarden.
  1. Toggle "Enable Sidebar"
  1. Konfigurera element:
Typ
Funktion
Heading
Rubrik för att gruppera länkar
Dropdown
Expanderbar grupp (accordion)
Page
Länk till intern sida
URL
Extern länk
  1. Varje element kan ha: Icon, Title, Type, Link
  1. Klicka "Add" efter varje element
⚠️ Publish krävs för att sidebar ska synas live.