EN
Søker...

Nettsidehode – Design

Ocuco Header inneholder det første settet med synlige elementer når nettstedet ditt lastes inn. Du kan ordne elementene som logo, navigasjonsmeny og sosiale ikoner slik du vil at de skal vises i overskriften.

I denne artikkelen:

Du kan administrere Header-stilen (for både skrivebord og mobil) fra Design (1) seksjon.

Når du er inne i Design-delen, klikker du på Header (2) fane.

Alternativt kan du også bruke studioets søkealternativ.

  • Enter Header (1) i søkefeltet.
  • Fra de relaterte resultatene klikker du på Design- Nettsideoverskrift alternativ (2).

Overskrift for skrivebord

  1. Topptekstoppsett – Sjekk gjeldende overskriftsoppsett for desktop versjon. Klikk på Endre layout -knappen for å velge blant de tilgjengelige alternativene for topptekstoppsett, og bruke på nettstedet ditt.
    Vi tilbyr to typer toppoppsett – topptekstoppsettog to-kolonne toppoppsett. Toppoppsettene med to kolonner finnes i temaer som Burst og Isle. 
  2. Bredde – Angi topptekstbredden som Full Bredde or Sidebredde.
    'Full bredde' vil vise overskriften mens de dekker hele bredden uten å etterlate noen marger.
    'Nettstedets bredde' kan spesifiseres i Design seksjon. Du kan angi en fast bredde her.
    Den vil vise overskriften ved å følge den angitte faste bredden. Vite mer.
  3. Vertikal polstring – Legg til plass (øverst og nederst) til overskriften på nettstedet ditt (spesifisert i vh). Vite mer.
  4. Atferd – Plasseringen av toppteksten på skrivebordet kan settes til Ffast (her vil overskriften være festet på toppen, dvs. selv om siden ruller, vil overskriften være synlig) eller Rull med nettsted (her vil overskriften rulle sammen med siden). 
  5. Sticky navigasjon – Aktiver eller deaktiver klebrig navigering i tilfelle Srulle med nettsted topptekstposisjon. 
  6. Sticky Meny – Angi posisjonen til den faste menyen når siden rulles til venstre eller midten av skjermen.

Merknader

For klebrig navigering vil overskriften vises etter at den første delen er rullet halvveis på skjermen

Sjekk ut overskriftspolstring i aksjon:

Ta en titt på en Overskrift på en live-side.

Se forskjellige oppsett for skrivebordsoverskrifter 

Se forskjellige 2-kolonne oppsett for skrivebordsoverskrifter

Søkebaserte toppoppsett som fokuserer på nettstedsøk

Topptekst – Kantlinje

  1. Grense: Aktiver eller deaktiver kantlinjen for overskrift.
  2. Tykkelse: Angi bredden på kantlinjer for overskriften.
  3. Stilling: Angi posisjonen til overskriftskanten. Du har fire alternativer - Alle sider, Topp og bunn, Bare topp og Bare bunn.

Overskrift – Pille

Ocuco Pilleformet topptekst i Pixpa gir nettstedets overskrift et elegant og moderne utseende med avrundede hjørner og fleksibilitet i avstand. Dette designet er ideelt for kreative og profesjonelle som ønsker å gjøre overskriften visuelt særegen og stilig.

Du kan bruke denne stilen til hvilken som helst topptekstoppsett, noe som gir deg full designfrihet på tvers av ulike overskriftstyper.

  1. Overskrift – Pille: Slå på Overskrift – Pille-veksleren for å aktivere pillestil for overskriften.
  2. Hjørneradius: Juster rundheten på hjørnene i overskriften ved hjelp av glidebryteren eller feltet Hjørneradius. Høyere verdier vil gjøre hjørnene mer avrundede.
  3. Topppolstring: Angi avstanden over innholdet i pilleoverskriften for å kontrollere vertikal avstand.
  4. Bunnpolstring: Definer plassen under innholdet for å sikre et balansert utseende.
  5. Kompakt bredde: Dette lar deg velge hvor bred pilleoverskriften din skal vises:
    • Full bredde: Strekker overskriften over hele skjermbredden.
    • Nettstedsbredde: Justerer overskriften etter den totale bredden på nettstedets innhold.
    • Kompakt: Krymper toppteksten til en strammere, sentrert blokk – ideelt for minimalistiske design.

Header for mobil

Disse innstillingene lar deg kontrollere hvordan nettstedets overskrift vises på mobile enheter. Dette sikrer et rent og optimalisert oppsett for mindre skjermer.

  1. Layout – Sjekk gjeldende overskriftsoppsett for mobil versjon. Klikk på Endre layout -knappen for å velge blant de tilgjengelige alternativene for topptekstoppsett, og bruke på nettstedet ditt.
  2. Vertikal polstring – Legg til Vertikal plass (øverst og nederst) til overskriften på nettstedet ditt på mobile enheter (spesifisert i vh).
  3. Mobil overskrift – Angi om du vil at mobiloverskriften bare skal vises på mobile enheter (opptil 768 piksler) eller om den også skal vises på nettbrett (opptil 1199 piksler).

Husk å klikke på Publiser -knappen etter at du har gjort endringer for å sikre at de er publisert på nettstedet ditt.

Se ulike oppsett for mobiloverskrifter 

Merknader

  • Punktsymbol i mobilhodet refererer til kundekontoene.
  • Det vil bare vises at Kundekonto-alternativet er aktivert i butikken. Les mer.

Typer overskrifter

Du kan velge mellom fire forskjellige typer overskrifter:

    1. Normal overskrift
    2. To-kolonne overskrift
    3. Søkebasert overskrift

 

Normal overskrift

Det normale overskriftsoppsettet har en ren og enkel design med en logo, navigasjonslenker, sosiale ikoner og menyknapp vist horisontalt. Den er ideell for å gi en klassisk og brukervennlig nettleseropplevelse.

To-kolonne overskrift

Toppoppsettet med to kolonner deler overskriften inn i to distinkte seksjoner, og tillater en logo og sosiale ikoner til venstre eller i midten og navigasjonsmenyen og andre elementer i overskriften til høyre som en klikkbar sidefelt.

Denne layouten er perfekt for nettsteder som trenger å understreke både merkevaren og viktige handlinger samtidig.

Det søkebaserte overskriftsoppsettet har en fremtredende søkelinje, noe som gjør det enkelt for brukere å finne spesifikt innhold raskt. Denne utformingen er spesielt nyttig for innholdstunge nettsteder der søkefunksjonalitet er et hovedfokus.

Topptekstelementer

  1. Logo / nettstedtittel – Det aller første elementet i sideoverskriften er nettstedets logo/tittel. Angi nettstedets tittel/last opp nettstedets logo for nettstedet ditt.
    OBS: Hvis du ikke har lastet opp nettstedslogoen, vil nettstedtittelen vises på sideoverskriften. Dessuten, hvis du har oppgitt begge deler, vil nettstedslogoen være synlig på sideoverskriften.
  2. Meny – Et annet element i sideoverskriften er menyen (menykoblinger). Du kan sekvenser sidenavigasjonslenkene, or slett/skjul et menyelement fra nettstedet ditt. 
  3. Sosiale ikoner – Du kan legge til Sosiale ikoner som er koblet til sosiale medieprofiler til sideoverskriften. Du kan laste opp en sosialt delingsbilde som vil bli brukt som et miniatyrbilde når nettstedet eller noen av nettsidene deles på sosiale medier. Velg også hvor sosiale medier ikoner vil dukke opp på nettstedet ditt. De tilgjengelige posisjonene er topptekst, bunntekst, begge deler eller ingen.
  4. Søkeboks - Legg til en søkefelt som lar besøkende på nettstedet ditt søke etter alt innhold i produkter (hvis du har en butikk aktivert på nettstedet ditt), bilder, blogginnlegg og sider (gallerier, mapper og andre sider) til sideoverskriften.
  5. Handlevognikon – Legg til en flytende handlevognikon som er lett å nå og alltid synlig uten å forstyrre nettstedet ditt til sideoverskriften.
  6. Menyknapp - Legg til en menyknapp til sideoverskriften, dvs. en handlingsfremmende knapp som omdirigerer til en spesifisert URL. Du kan spesifisere Etiketten og URL for menyknappen. Velg også Knappstørrelse å være Liten, middels eller stor.
Tagged:

Finner du ikke det du leter etter?

Ta kontakt med en Pixpa-ekspert.

Kontakt oss
Pixpa Studio har nettopp blitt oppdatert. Vi oppdaterer for tiden alle skjermbilder fra hjelpeartikler.