Gå til hovedindhold

Sådan oprettes en gradienttitel i Elementor

Divi: Det nemmeste WordPress tema at bruge

Divi: Det bedste WordPress tema hele tiden!

mere 901.000 downloads, Divi er det mest populære WordPress tema i verden. Den er komplet, nem at bruge og leveres med mere end 62 gratis skabeloner. [Anbefalet]

Vil du finde ud af, hvordan du opretter en gradienttitel med Elementor?

Når du opretter en webside eller en skabelon med Elementor, kan du lave et lille eksperiment med titelelementet for at gøre den side, du opretter, skiller sig ud. Et af de eksperimenter, du kan prøve, er at tilføje en gradienteffekt til titelelementet.

Denne artikel viser dig, hvordan du kommer dertil.

Du kan også læse: Sådan oprettes en tofarvetitel i Elementor

Elementors oprindelige titelblok tilbyder ikke nogen muligheder for at indstille en gradienteffekt. Du kan kun bruge ensfarvet farve til titeltekst. Men du kan tilføje tilpasset CSS for at tilføje gradienteffekt til titelelementet i Elementor ved hjælp af tilpasset CSS, som kun er tilgængelig på Elementor pro.

For at gøre dette tilbyder vi dig to metoder: Hvis du har pro-versionen, og du er fortrolig med CSS, skal du bruge den første metode. Men hvis du kan lide at bruge WordPress-plugins, vil den anden metode være perfekt.

Metode 1: Tilføj gradienteffekt på titelelementet med brugerdefineret CSS

Forudsat at du har opgraderet din Elementor til pro-versionen, skal du oprette en ny side / skabelon og redigere den med Elementor. Du kan også redigere en eksisterende side eller skabelon.

Føj titelwidget til lærredområdet ved at trække og slippe titelelementet.

I blokken titel under fanen Indhold, vælg et titelniveau i indstillingen HTML-tag. Du kan bruge ethvert titelniveau. Du får brug for dette som en CSS-vælger.

Opret en gradienttitel

Gå til fanen avanceret og åbn blokken Tilpasset CSS og indsæt følgende CSS-kode.

vælger h2 {baggrundsbillede: lineær gradient (til højre, # 463f64, # 463f64, # e2285c, # e2285c); -webkit-baggrundsklip: tekst; display: inline-blok; polstring: 14 px; -webkit-text-fill-color: # 00000000; }

Sørg for at matche vælgeren med niveauet for den titel, du valgte i det forrige trin.

Du kan ændre farverne ved at indsætte den hexadecimale kode for de farver, du kan lide på ejendommen baggrundsbillede.

Opret nemt dit websted med Elementor

Elementor giver dig mulighed for nemt at oprette ethvert webstedsdesign med et professionelt look. Stop med at betale dyre for hvad du selv kan gøre. [Gratis]

Eller du kan også bruge følgende kode til at oprette en gradienttitel med flere farver på gradienten.

vælger .elementor-heading-title {baggrund: lineær gradient (90deg, rød, blå, sort); -webkit-baggrundsklip: tekst; -webkit-text-fill-color: transparent; }
Opret en gradienttitel

Metode 2: Opret en gradienttitel i Elementor med et plugin

Hvis tilføjelse af CSS lyder skræmmende for dig, er der en lettere måde at oprette en gradienttitel i Elementor: ved at installere en tilføjelsesudvidelse. En udvidelse, der giver dig mulighed for at oprette en gradienttitel er Glade tilføjelser.

Oplev Sådan installeres (tilføjes) et plugin på WordPress

Happy Addons er et freemium-plugin, og elementet til at oprette en gradienttitel (kaldet Gradient Heading) er tilgængelig i den gratis version. Du kan definere gradienttypen (radial eller lineær), gradientens placering og placeringen.

Titelelementet tilbyder også de samme gradientindstillinger som Happy Addons.

Her er! du har lige oprettet en gradienttitel på Elementor.

Hent Elementor Pro nu!

Oplev også nogle premium WordPress-plugins  

Du kan bruge andre WordPress-plugins til at give et moderne look og optimere grebet på din blog eller dit websted.

Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.

1. 404 Fejl Side Omdirigere til Hjemmeside eller Brugerdefineret Side

404 Fejlsideomdirigering til startside eller brugerdefineret side

Her er en af ​​de bedste måder at nemt tilføje en 404-fejlside, der omdirigerer besøgende til startsiden eller brugerdefineret side, efter at dette WordPress-plugin er aktiveret.

Alle 404-fejlsider omdirigeres til startsiden eller til en brugerdefineret URL. Ved at bruge dette WordPress-plugin tillader du Google at reducere sidebank på dit websted, hvis det har mange 404-fejlsider.

Opdag også Sådan rettes 413-fejl på WordPress

Dette WordPress-plugin omdirigerer ikke kun, men det kan også være en passende løsning til at forbedre placeringen af ​​dit websted i resultaterne af søgemaskiner.

Downloade | demo | Web-hosting

2. WOOF 

Woof woocommerce produkter filtreres efter realmag777 codecanyon

WOOF er et kraftfuldt premium WooCommerce-filterfilter-plugin, der udvider dets funktionalitet, så dine brugere af onlinebutikker kan søge efter kategorier, brugerdefinerede produktattributter, efter Søgeord og med personlige priser.

Det tilbyder masser af professionelle og premium-funktioner, og uden tvivl vil dette være den, der rammer dig mest, hvis du prøver dem alle. Det vil forbedre produktsøgning i din onlinebutik med enestående brugervenlighed.

Downloade | demo | Web-hosting

3. Kontaktformular 7 Success Redirect

Kontaktformular 7 Succesomdirigering

Kontaktformular 7 Succesomdirigering er en udvidelse af WordPress-kontaktformularen 7-plugin, der giver dig mulighed for at omdirigere en besøgende eller en bruger til en side efter indsendelsen af ​​hans kontakt.

Det er designet til at gøre formularen mere brugervenlig, når formularindsendelsesprocessen resulterer i omdirigering til den side, som administratoren har valgt. Det er ekstremt let at konfigurere. Du kan gøre dette ved at vælge en side fra de eksisterende sider på dit dashboard eller ved at angive en Brugerdefineret URL omdirigering.

Opdag vores 8 WordPress plugins til at forbedre SEO af din blog

Hver formular har sin egen konfiguration. Således kan hver vellykket omdirigering defineres på en unik måde.

Downloade | demo | Web-hosting

Anbefalede ressourcer

Find ud af om andre anbefalede ressourcer, der hjælper dig med at opbygge og administrere dit websted.

Konklusion

Her ! Det er det for denne artikel. Nu ved du, hvordan du opretter en forringet titel på WordPress med Elementor-pluginet. Lad os din kommentarer og bemærkninger, hvis du har problemer med at gøre det.

Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at gennemføre dine projekter med oprettelse af internetsider ved at konsultere vores guide på WordPress blog oprettelse.

Tøv ikke med at del med dine venner på dine foretrukne sociale netværk

... 

Denne artikel indeholder kommentarer 0

Skriv en kommentar

Din e-mail-adresse vil ikke blive offentliggjort. Påkrævede felter er markeret med *

Dette websted bruger Akismet til at reducere uønskede. Få flere oplysninger om, hvordan dine kommentarer data bruges.

Tilbage til toppen
0 aktier
andel
tweet
Tilmeld