Overskrifts-widget

ElementsKit er den kompakte Elementor-tilføjelse, der kommer med alle de brugerdefinerbare funktioner, du har brug for til dit WordPress-websted ved hjælp af 85+ ElementsKit-widgets, udvidelser og moduler. Dette inkluderer Elementor overskriftstitelwidget, der lader dig tilføje tilpasset overskrift til sider på dit WordPress-websted.

Hvordan ændrer man overskriftsstilen i en Elementor? #

Bruger ElementsKit Overskrift-widget du kan style WordPress-sideoverskrifterne, som du vil. For at bruge widgetten skal du have ElementsKit plugin installeret på dit WordPress-websted. Derefter skal du aktivere Overskrift-widgetten, derefter konfigurere Elementor-overskriftstitelattributterne og tilpasse overskriftsstilen. Læs denne dokumentation for at lære hvordan man bruger ElementsKit Heading-widgetten til Elementor.

Trin 1: Aktiver overskriftswidget #

For at bruge Elementors overskriftstitelwidget fra ElementsKit skal du først aktivere widgetten.

  1. Gå til ElementsKit > Widgets fra dit WordPress-dashboard.
  2. Find Overskrifts-widget og aktiver widgetten.
  3. Klik på GEM ÆNDRINGER knappen i øverste højre hjørne.
Sådan aktiverer du Elementor Heading Widget

Trin 2: Konfigurer overskriftstitlen i Elementor #

Åbn nu Elementor-editoren Træk og slip ElementsKit Heading-widgetten. Du kan konfigurere titel, undertekst, titelbeskrivelse, skyggetekst og skilletegn.

2.1 Titel #

I afsnittet Titel, 

  1. Gå ind i Overskrifts titel. Du kan sætte fokus på en del af overskriften ved at placere den del under krøllebeslaget {}.
  2. Tilføj en URL Link for Elementor-overskriftstitlen.
  3. Vælg Titel HTML-tag (H1, H2, H3,...) for overskriften.
  1. Aktiver Vis kant for at få vist rammen ved siden af overskriftstitlen. Når du aktiverer titelkanten, vises indstillingen Border Position.
  2. Vælg titlen Grænseposition fra den givne mulighed: Start eller Ende af titlen.
  3. Aktiver Flyde til venstre mulighed. Når Float Left er aktiveret, vises titelbredden.
  4. Herefter skal du justere Titelbredde 

2.2 Undertekster #

For at vise undertekster skal du først aktivere Vis undertitel mulighed.

  1. Gå ind Overskrift Undertitel.
  2. Sæt Undertitelposition fra den givne mulighed: Før titel og Efter titel.
  3. Vælg Undertitel HTML-tag (H1, H2, H3,...) fra den givne mulighed.
  4. Du kan aktivere Vis disposition mulighed. [Bemærk: Denne mulighed virker kun, hvis undertitel for grænse er deaktiveret.]

Du kan også aktivere Grænseundertitel for at vise rammen omkring underteksten. Når du aktiverer undertekstrammen, vil Vis disposition blive deaktiveret.

2.3 Titelbeskrivelse #

For at få vist beskrivelsen ved siden af overskriftens titel,

  1. Aktiver Vis beskrivelse funktion til overskriftstitelwidgetten.
  2. Gå ind i Overskrift Beskrivelse på det respektive felt.
  3. Du kan justere Maksimal bredde for beskrivelsen.

2.4 Skyggetekst #

For at vise en skyggetekst,

  1. Aktiver Vis skyggetekst funktion.
  2. Gå ind i Sammenhæng af skyggen.

2.5 Separator #

For at vise separatoren for en overskriftstitel, 

  1. Aktiver Vis separator funktion til Elementor-overskriftstitlen.
  2. Vælg Separator stil fra de givne muligheder: Punkteret, Solid, Solid med Stjerne, Solid med Punkttegn og eller Brugerdefineret.
  3. Indstil Separator position øverst i titlen, Før titel, Efter titel eller Bunden af titlen.

Brugerdefineret separatorstil:

Når du vælger Separator stil til Brugerdefinerede, kan du vælge billede og billedstørrelse.

  1. Vælg Separator stil til Brugerdefinerede.
  2. Vælg billede fra mediebiblioteket.
  3. Vælg Billedestørrelse størrelse fra den givne mulighed.

Trin 3: Tilpas stilen til overskriftens titelwidget #

Ved at bruge ElementsKits Overskriftstitel-widget til Elementor kan du tilpasse titlen, fokuseret titel, undertekst, titelbeskrivelse, separator og skyggetekst.

3.1 Generelt #

Indstil under sektionen Generelt Justering til venstre, højre eller midten.

3.2 Titel #

For at tilpasse titelstilen i overskriftstitelwidgetten,

  1. Vælg Farve for titlen.
  2. Vælg Hover farve for titlen.
  3. Justere Tekstskygge.
  4. Sæt Margin for overskriften.
  5. Sæt Typografi.

For titlen Border,

  1. Justere Border Bredde.
  2. Justere Grænsehøjde.
  3. Indstil Lodret position.
  4. Juster Højre Gap mellem rammen og titelteksten.
  5. Vælg Baggrundstype for titelkant.

3.3 Fokuseret titel #

For at tilpasse en fokuseret titel,

  1. Vælg Farve for den fokuserede titel.
  2. Vælge Hover farve for den fokuserede titel.
  3. Indstil Typografi.
  4. Du kan indstille en Tekst dekorationsfarve.
  5. Mulighed for at indstille Tekstskygge er også tilgængelig.
  6. Sæt Polstring for den fokuserede titel.

Baggrundsfarve for fokuseret titel:

[Bemærk: Når du aktiverer denne funktion, Brug tekstfyld funktion vil ikke være tilgængelig. På samme måde, når tekstudfyldning er aktiveret, vil fokuseret titelbaggrundsfarve ikke være tilgængelig]

  1. Aktiver Brug baggrundsfarve på tekst funktion.

Når den er aktiveret, vises følgende funktioner:

  1. Vælg Baggrundstype.
  2. Vælge Baggrundsfarve
  3. Sæt Grænseradius for den fokuserede titelbaggrund.

Tekstfyld for fokuseret titel:

[Bemærk: Hvornår Fokuseret titel baggrundsfarve er aktiveret, vises denne funktion ikke. Tilsvarende hvornår Tekstfyld er aktiveret, vil fokuseret titelbaggrundsfarve ikke være tilgængelig]

  1. Aktiver Brug tekstfyld funktion til Fokuseret titel.

Når den er aktiveret, vises følgende funktioner:

  1. Vælg Baggrundstype til tekstudfyldning.
  2. Vælg tekstfyld Farve.

3.4 Undertekster #

For at tilpasse undertekststilene,

  1. Vælge Farve for undertekster.
  2. Indstil Typografi af undertekstteksten.
  3. Justere Margin for underteksten.
  4. Justere Polstring for underteksten.

Tekstfyld til undertekst:

  1. Aktiver Brug tekstfyld funktion til undertekster.

Når den er aktiveret, vises følgende funktioner:

  1. Vælg Baggrundstype af undertekst.
  2. Vælg underteksttekstfyld Farve

Undertekstoversigt:

Du kan tegne en kontur omkring underteksten.

  1. Vælg Border Type for undertekstoversigten.
  2. Indstil Bredde af omridset.
  3.  Vælg grænsen Farve.
  4. Juster Omrids radius for underteksten.

3.5 Titelbeskrivelse #

For at tilpasse titelbeskrivelsen,

  1. Vælg Titel Beskrivelse farve.
  2. Indstil Typografi.
  3. Juster Margin for titelbeskrivelsen.

3.6 Separator #

For titlen Separator,

  1. Juster separatoren Bredde.
  2. Juster separatoren Højde.
  3. Sæt Margin til separator.
  4. Vælg en Separator farve.

3.7 Skyggetekst #

For at tilpasse Text Shadow Style,

  1. Juster Position af skyggetekst.
  2. Indstil Typografi.
  3. Vælg skyggen Tekst farve.
  4. Justere Border Bredde.
  5. Vælg en Kantfarve til skyggetekst.

Det handler om det. Nu kan du endelig tilføje en stilfuld og tilpasselig overskriftstitel i Elementor med underoverskrifter, beskrivelser og skyggetekst ved hjælp af Elementskit Heading-widgetten.

Hvad er dine følelser
Opdateret den 25. oktober 2022