EN
Søker...

Overskriftsseksjon

Du kan legge til en overskrift Seksjon til din side direkte slik at du kan legge til en beskrivelse for siden. Når du vil vise et bilde og den relevante teksten mot det, kan du bruke denne delen.

Bildet lastet opp her støtter ikke lysboksmodus. Den kan skaleres om ved å dra bildehjørnene.

Denne delen kan primært brukes til en Om meg/oss-side. Du kan også koble bildet til hvilken som helst side du ønsker.

I denne artikkelen:

  1. Legg til en overskriftsseksjon
  2. Administrere innholdet
  3. Administrer elementer
  4. Endre layout
  5. Autotilpass tekstoppsett
  6. Stilalternativene

Legg til en overskriftsdel:

  • En seksjon kan legges til en side. Du kan enten legge til en seksjon på en allerede eksisterende side eller opprette en ny side på nettstedet ditt.
  • På siden din, Klikk på blått + ikon å legge til en Ny seksjon til siden din.

 

  • Du vil nå se seksjonskategorier på venstre side.
  • Velg Overskriftsblokk (1) alternativ der du kan velge mellom forskjellige oppsett (2).

  • Velg et hvilket som helst seksjonsoppsett og klikk på det for å legge det til på siden din.
  • Etter hvert som delen legges til, kan du redigere teksten og laste opp et hvilket som helst bilde.

Administrere innholdet

Når du har lagt til delen: 

  • Klikk på Rediger overskrift (1)-knappen.

  • Dette åpner Overskriftselementpanel (2).

Herfra kan du:

  • Last opp et primærbilde (1) for overskriftsblokken.
  • Last opp et sekundært bilde (2) for Overskrift-blokken (kun på utvalgte oppsett).

  • legge en Tittel (3), Undertittel (4), og Tekniske beskrivelser (5) i overskriftsblokken. Før du legger til beskrivelsen, sjekk denne artikkelen.

  • Legg til hvilken som helst type link (6) til overskriften. Du kan legge til en knapp/bildekobling/sosialt ikon/tekstlenke. Les mer.
  • Spar (7) endringene dine.

Administrer elementer

Overskriftsseksjonen inkluderer en Elementer-fanen som lar deg administrere synligheten til ulike elementer i seksjonen på en enkel måte. Ved å bruke enkle vippebrytere kan du aktivere eller deaktivere spesifikke elementer uten å måtte slette eller endre selve elementene.

  • Klikk på Rediger overskrift (1)-knappen.

  • Velg Elements (2) fane.
  • Etter å ha gjort endringene, trykk på Spar (3)-knappen.

Elementer Alternativer

  1. Vis bilde: Veksle mellom synligheten av bildene.
  2. Vis tittel: Kontroller om tittelen skal vises.
  3. Vis undertekst: Aktiver eller deaktiver undertekster.
  4. Vis beskrivelse: Administrer synligheten til varebeskrivelser.
  5. Vis knapper: Bestem om knapper for individuelle elementer skal vises.

Endre layout

  • Klikk på Rediger overskrift (1)-knappen.

  • Velg Layout (2) fane.
  • Velg Lja (3) for din seksjon og Spar (4) endringene.

Pro-tips

For å lage en seksjon i full bredde, velg et hvilket som helst oppsett fra 11 til 16.

Autotilpass tekstoppsett

Autotilpass tekst-delen er et kraftig verktøy for å lage dynamisk og responsivt tekstinnhold på Pixpa-nettstedet ditt.

Dette lar deg angi en maksimal skriftstørrelse, og teksten vil automatisk endre størrelse i henhold til tilgjengelig skjermstørrelse, plass og lengde på teksten, noe som sikrer optimal lesbarhet og estetisk appell.

Legg til autotilpasningsseksjon på siden

  • Klikk på blått + ikon å legge til en Ny seksjon til siden din.
  • Velg overskrift (1) delen og velg fra en av oppsett (2) merket i skjermbildet.
  • Seksjonen vil bli lagt til siden.

Rediger autotilpasningsdelen

  • Klikk på Rediger Autotilpass tekstblokk knappen øverst til høyre i delen.
  • Under Innhold fanen, kan du spesifisere tekstinnholdet for delen ved å bruke 1., 2. og 3 tekstfelt.
  • Skriftstørrelsen på teksten vil automatisk bli justert i henhold til skjermstørrelsen og lengden på teksten. Endelig, Spar (4) endringene.

Stil Autotilpasningsseksjon

Tilpass stylingen av delen fra Stil fanen. Du finner følgende alternativer her:

  1. Linjehøyde: Spesifiser det vertikale rommet mellom tekstlinjer.
  2. Maksimal skriftstørrelse: Angi maksimal skriftstørrelse som teksten kan nå.
  3. Tekstjustering: Juster teksten horisontalt innenfor seksjonen.
  4. Skriftfamilie: Velg skriftfamilien som Overskrift 1, Overskrift 2, Avsnitt osv.

Merknader

Tekststørrelsen vil ikke følge designdelens spesifiserte størrelse, men justeres basert på tilgjengelig plass og tekstlengde.

Stilalternativene

  • Klikk på Rediger overskrift (1)-knappen.

  • Velg Stil (2) fane.
  • Endre stilen for seksjonselementene og Spar (3) endringene dine.

Du vil ha flere stilalternativer for delen: 

  1. Alternativer for bildestil
  2. Formmaske
  3. Alternativer for bildekant
  4. Justering og farge
  5. Avstandsalternativer
  6. Tekststørrelse
  7. Knapper og lenker

Bilder 

  1. Velg Imalder Avling for bildet. Du kan angi bildet som Firkant, Sirkel, Landskap, Portrett og Dynamisk.
  2. Velg å ha en felles hjørneradius eller annen hjørneradius for hver side av listeelementene og angi et tall (i px) for Hjørneradius av listeelementbildene.
    Bruke hjørneradius feltet, kan du lage forskjellige bildeformer. Hvis du spesifiserer 500 px her, vil bildet vises i en sirkelform.
    I tilfelle du har valgt delte hjørner, kan du angi forskjellig hjørneradius for hvert hjørne. Vite mer. 
  3. Velg til Animer bilder på hover ved å klikke på Ja.
  4. Velg mellom de forskjellige Animasjonsstil for bilder på hover.

Når overskriftsoppsettet i full bredde brukes, vil du se dette tilleggsalternativet:

  • Angi overleggsfarge: Dette lar deg bruke en fargeoverlegg over hele overskriftsdelen. Du kan velge hvilken som helst farge ved hjelp av fargevelgeren og kontrollere gjennomsiktigheten ved hjelp av glidebryteren for opasitet, noe som hjelper deg med å forbedre tekstens synlighet eller skape en bestemt visuell stemning.

Formmaske

  1. Formmaske: Aktiver denne veksleknappen for å bruke en formmaske på bildet i overskriftsdelen. Når den er aktivert, vil den valgte formen visuelt klippe bildet inn i den formen.
  2. Velg form: Velg mellom forskjellige forhåndsdefinerte former for å bruke på bildet ditt. Dette lar deg stilisere innholdet ditt kreativt ved å vise bildet i en unik form som avrundet, diamant, dråpe, etc.

Merknader

  • Alternativet Shape Mask er layoutavhengig – Det kan hende det ikke vises under oppsett der tekst som tittel eller undertekst vises over bildet.
  • Stretch-innstillingen avhenger av flere faktorer – inkludert innstillinger for bildestørrelse, justering og beskjæring definert under kategorien Stil.
  • Hvis Bildebeskjæring er satt til Original, vil bildets faktiske dimensjoner avgjøre om det blir strukket vertikalt eller horisontalt.

Alternativer for bildekant

  1. Aktiver / deaktiver kantlinje rundt bildene ved å bytte bryteren.
  2. Velg å ha en felles grense på alle sider av bildene, eller du kan spesifisere grenser separat for hver side.
  3. Spesifiser bredde av grensen. Hvis den er satt til 0, vil ikke rammen vises. Du har også muligheten til å angi kantbredden individuelt for hver side av bildet.
  4. Velg Grensefarge fra fargevelgeren.
  5. Velg en foretrukket Border Style fra rullegardinmenyen.
  6. Bestem kantbredde for mobil enheter, justere den med bredden valgt for skrivebordet.

Justering og farge 

  1. Rette inn innholdet i Overskrift-delen horisontalt. Du kan sette den til å være venstre-, høyre- eller midtjustert.
  2. Rette inn innholdet i Overskrift-delen vertikalt. Du kan angi at den skal være topp-, bunn- eller senterjustert.
  3. Velg om du vil beholde Base Color (bakgrunnsfargen til tekstboksen) til standard eller egendefinert.
  4. Hvis du har valgt Custom for grunnfargen får du muligheten til velg bakgrunnsfargen. Du kan også spesifisere opacity av grunnfargen.

Størrelse og plass 

  1. Spesifiser bilde~~POS=TRUNC for overskriftsblokkbildet.
  2. Spesifiser Innholdsbredde for overskriftsblokkteksten.
  3. Spesifiser Mellomrom eller overlapping mellom tekstkort og bilde (i %).
  4. Spesifiser Plass under tittelen (i %).
  5. Spesifiser Plass under underteksten (i %).

tekst 

  1. Klikk på Endre tekststil knappen for å besøke Design seksjon og administrere skriftstørrelser og stiler. 
  2. Sett Tittel skriftstil for Overskriftsblokk-delen.
  3. Sett Undertittel skriftstil for Overskriftsblokk-delen.
  4. Angi standard Tekniske beskrivelser skriftstil for Overskriftsblokk-delen.

Knapper og lenker 

Du kan legge til forskjellige typer knapper i overskriftsdelen. De er som følger:

  • Normal knapp (1) Bildeknapp (2), og Ikonknapp (3).

  1. Spesifiser Mellomrom mellom forskjellige knapper / lenker.
  2. Spesifiser Space Above-knappen / lenker inne i tekstkortet.
  3. Sett Knappens bredde inne i tekstkortet.

Knappestørrelse 

  1. Still inn størrelsen på Normal knapp. Du kan velge mellom tre alternativer: Liten, Middels og Stor.
  2. Spesifiser Høyde på bildeknapp i piksler.
  3. Sett Størrelse på ikonknapp i piksler.

  1. Sett Ikontype for ikonknappen.
  2. Velg Fargestil for ikon inne i knappen. Du kan velge ikonets merkefarge eller spesifisere hvilken som helst farge du ønsker.
  3. Sett Ikonfarge av ikonknappen. Du vil bare se dette alternativet når du aktiverer Valgt farge (28) alternativet.
  4. Hvis du har valgt Custom i forrige trinn (29), kan du angi din foretrukket farge for ikon inne i knappen.
  5. Velg Bakgrunnsfarge for ikonknappen.

Se hvordan hjørneradiusen fungerer: 

Tagged:

Finner du ikke det du leter etter?

Ta kontakt med en Pixpa-ekspert.

Kontakt oss