ElementsKit är det kompakta Elementor-tillägget som kommer med alla anpassningsbara funktioner du behöver för din WordPress-webbplats med hjälp av 85+ ElementsKit-widgets, tillägg och moduler. Detta inkluderar Elementors rubrik-widget som låter dig lägga till anpassad rubrik till sidor på din WordPress-webbplats.

Hur ändrar man rubrikstilen i en Elementor? #

Använda ElementsKit Rubrik-widget du kan styla WordPress-sidans rubriker som du vill. För att använda widgeten måste du ha ElementsKit plugin installerat på din WordPress-webbplats. Efter det, aktivera Rubrik-widgeten, konfigurera sedan Elementors rubriktitelattribut och anpassa rubrikstilen. Läs den här dokumentationen för att lära dig hur man använder ElementsKit Heading-widgeten för Elementor.

Steg 1: Aktivera rubrikwidget #

För att använda Elementors rubriktitelwidget från ElementsKit måste du först aktivera widgeten.

1. Gå till ElementsKit > Widgets från din WordPress-instrumentpanel.
2. Hitta Rubrikwidget och aktivera widgeten.
3. Klicka på SPARA ÄNDRINGAR knappen i det övre högra hörnet.

Steg 2: Konfigurera rubriken i Elementor #

Öppna nu Elementor-editorn dra och släpp widgeten ElementsKit Rubrik. Du kan konfigurera titel, underrubrik, titelbeskrivning, skuggtext och avskiljare.

2.1 Titel #

I rubriken, 

1. Gå in i Rubrik Titel. Du kan fokusera på en del av rubriken genom att sätta den delen under krökningsfästet {}.
2. Lägg till en URL Länk för rubriken på Elementor.
3. Välj Titel HTML-tagg (H1, H2, H3,...) för rubriken.

4. Gör det möjligt Visa kant för att visa gränsen bredvid rubrikens titel. När du aktiverar titelramen visas alternativet Kantposition.
5. Välj titel Gränsläge från det givna alternativet: Start eller Slutet av titeln.
6. Aktivera Flyta till vänster alternativ. När Flytande vänster är aktiverat visas alternativet Titelbredd.
7. Efter det får du anpassa dig Titelbredd 

2.2 Undertext #

För att visa undertexter, aktivera först Visa underrubrik alternativ.

1. Stiga på Rubrik Underrubrik.
2. Uppsättning Undertitelposition från det givna alternativet: Före titel och Efter titel.
3. Välj Underrubrik HTML-tagg (H1, H2, H3,...) från det givna alternativet.
4. Du kan aktivera Visa disposition alternativ. [Obs: Det här alternativet fungerar bara om underrubrik för kantgräns är inaktiverad.]

Du kan också aktivera Gräns underrubrik för att visa gränsen runt undertexten. När du aktiverar undertextkanten kommer Show Outline att inaktiveras.

2.3 Titelbeskrivning #

För att visa beskrivningen bredvid rubrikens titel,

1. Aktivera Visa beskrivning funktion för rubrikens titelwidget.
2. Gå in i Rubrik Beskrivning på respektive fält.
3. Du kan justera Maximal bredd för beskrivningen.

2.4 Skuggtext #

För att visa en skuggtext,

1. Aktivera Visa skuggtext funktion.
2. Gå in i Sammanhang av skuggan.

2.5 Separator #

För att visa avgränsaren för en rubrik, 

1. Aktivera Visa separator funktion för rubriken i Elementor.
2. Välj Separator stil från de givna alternativen: Prickad, Solid, Solid med stjärna, Solid with Bullet och eller Custom.
3. Ställ in Separator Position överst i titeln, Före titel, Efter titel eller Längst ner i titeln.

Anpassad separatorstil:

När du väljer Separator stil till Beställnings, får du välja bild och bildstorlek.

1. Välj Separator stil till Beställnings.
2. Välj bild från mediebiblioteket.
3. Välj den Bildstorlek storlek från det givna alternativet.

Steg 3: Anpassa stilen för rubriktitelwidgeten #

Med hjälp av ElementsKits Rubrik-widget för Elementor kan du anpassa titeln, fokuserad titel, underrubrik, titelbeskrivning, avgränsare och skuggtext.

3.1 Allmänt #

Under avsnittet Allmänt ställer du in Inriktning till vänster, höger eller mitten.

3.2 Titel #

För att anpassa titelstilen i rubriktitelwidgeten,

1. Välj Färg för titeln.
2. Välj Hover färg för titeln.
3. Justera Text skugga.
4. Uppsättning Marginal för rubrikens titel.
5. Uppsättning Typografi.

För titeln Border,

6. Justera Gränsbredd.
7. Justera Kanthöjd.
8. Ställ in Vertikal position.
9. Justera Höger Gap mellan ram och titeltext.
10. Välj Bakgrundstyp för titelkant.

3.3 Fokuserad titel #

För att anpassa en fokuserad titel,

1. Välj Färg för den fokuserade titeln.
2. Välja Hover färg för den fokuserade titeln.
3. Ställ in Typografi.
4. Du kan ställa in en Text dekoration färg.
5. Alternativ att ställa in Text skugga finns också.
6. Uppsättning Stoppning för den fokuserade titeln.

Bakgrundsfärg för fokuserad titel:

[Obs: När du aktiverar den här funktionen, Använd textfyllning funktionen kommer inte att vara tillgänglig. På liknande sätt, när textfyllning är aktiverad, kommer inte fokuserad titelbakgrundsfärg att vara tillgänglig]

1. Aktivera Använd bakgrundsfärg på text funktion.

När det är aktiverat kommer följande funktioner att visas:

2. Välj Bakgrundstyp.
3. Välja Bakgrundsfärg
4. Uppsättning Gränsradie för den fokuserade titelbakgrunden.

Textfyllning för fokuserad titel:

[Notera: När Fokuserad titelbakgrundsfärg är aktiverat, kommer den här funktionen inte att visas. Likaså när Text Fyll är aktiverat, kommer fokuserad titelbakgrundsfärg inte att vara tillgänglig]

5. Aktivera Använd textfyllning funktion för Fokuserad titel.

När det är aktiverat kommer följande funktioner att visas:

6. Välj Bakgrundstyp för textfyllning.
7. Välj textfyllning Färg.

3.4 Undertext #

För att anpassa undertextstilarna,

1. Välja Färg för undertext.
2. Ställ in Typografi av undertexten.
3. Justera Marginal för undertexten.
4. Justera Stoppning för undertexten.

Textfyllning för undertext:

5. Aktivera Använd textfyllning funktion för undertext.

När det är aktiverat kommer följande funktioner att visas:

6. Välj Bakgrundstyp av undertext.
7. Välj textfyllning Färg

Undertextöversikt:

Du kan rita en kontur runt undertexten.

8. Välj Kanttyp för undertextkonturen.
9. Ställ in Bredd av konturen.
10.  Välj gränsen Färg.
11. Justera Konturradie för undertexten.

3.5 Titelbeskrivning #

För att anpassa titelbeskrivning,

1. Välj den Titel Beskrivning färg.
2. Ställ in Typografi.
3. Justera Marginal för titelbeskrivningen.

3.6 Separator #

För titeln Separator,

1. Justera separatorn Bredd.
2. Justera separatorn Höjd.
3. Uppsättning Marginal för separator.
4. Välj en Separator färg.

3.7 Skuggtext #

För att anpassa textskuggstilen,

1. Justera Placera av Shadow Text.
2. Ställ in Typografi.
3. Välj skuggan Text färg.
4. Justera Gränsbredd.
5. Välj en Gräns färg för Shadow Text.

Det är ungefär det. Nu kan du äntligen lägga till en snygg och anpassningsbar rubrik i Elementor med underrubriker, beskrivningar och skuggtext, med hjälp av Elementskit Heading-widgeten.