Vil du lage en tilpasset overskrift i WordPress med Elementor?

Overskriften er et av de viktigste elementene som hvert nettsted skal ha. En overskrift inneholder vanligvis en meny, noe som gjør det enkelt for de besøkende å navigere til viktige sider på nettstedet ditt. Et annet element som vanligvis finnes i en websideoverskrift er logoen.

Oppdag Hvordan installere Elementor på WordPress

De fleste WordPress-temaer, enten det er gratis eller betalt, lar deg tilpasse overskriften ved å legge til nettsidelogoen eller navigasjonsmenyen. Noen WordPress-temaer, lar deg legge til flere elementer som søkefelt og sosiale medier-ikoner.

Men er det mulig å lage en egendefinert overskrift i WordPress for å erstatte overskriften til WordPress tema ressurs ?

Selvfølgelig kan du opprette en tilpasset overskrift for å overstyre standardoverskriften for det aktive temaet på WordPress-nettstedet ditt.

Hvis du har en programmeringsferdighet (PHP i dette tilfellet), lag en egendefinert overskrift for en WordPress tema er ikke et stort problem. Hvis du ikke har noen programmeringskunnskaper, lar Elementor deg lage en egendefinert overskrift uten å skrive en eneste linje med kode. Du kan lage overskriften via et visuelt dra-og-slipp-redigeringsprogram.

Merk: Theme Builder er bare tilgjengelig på Elementor Pro.

Hvordan lage en tilpasset overskrift i WordPress med Elementor

Pro-versjonen av Elementor kommer med en funksjon som heter Temabygger. Denne funksjonen lar deg lage en WordPress tema uten koding. Temaelementer du kan lage med Elementors temabygger inkluderer:

  • header
  • bunntekst
  • Mal for enkelt innlegg
  • Arkiv side mal
  • 404 sider mal

I denne artikkelen skal vi vise deg hvordan du oppretter en tilpasset overskrift for WordPress-temaet ditt med Elementor. Når den er publisert, erstatter denne tilpassede overskriften toppteksten til det nåværende temaet.

Før du begynner, må du kontrollere at du har installert Elementor Pro på WordPress-nettstedet ditt.

Gå først til Maler -> Temabygger.

Gå til fanen på Theme Builder-siden Header og klikk på knappen Legg On for å lage en ny topptekst.

Et popup-vindu vises der du blir bedt om å gi malen et navn. Skriv inn navnet på modellen din og klikk på knappen LAG EN MODELL.

Elementor lar deg lage en topptekst fra en mal. Velg en av modellene som er tilgjengelige i modellbiblioteket, og klikk på knappen sett for å laste den inn i Elementor-redigereren.

Du kan også lage toppteksten fra bunnen av. Hvis du foretrekker å lage toppteksten fra bunnen av, kan du bare lukke malbiblioteket for å åpne Elementor-redigereren.

Teknisk sett kan du legge til hvilken som helst Elementor-widget - som du kan utforske på venstre panel - i toppteksten din. Men ikke alle widgets er virkelig nødvendige når det gjelder å lage nettstedets overskrift.

Les vår guide: Elementor Free vs Elementor Pro: Detaljert sammenligning av funksjoner

I denne artikkelen viser vi deg hvordan du legger til de vanlige elementene i en overskrift: nettstedslogo, navigasjonsmeny og søkefelt. I dette tilfellet trenger du en ny seksjon med tre kolonner. Klikk på pluss-ikonet i Elementor-editoren og velg strukturen med tre kolonner.

legg til kolonneseksjon

Angi bredden på hver kolonne ved å dra skillelinjen til venstre eller høyre retning. Ta en titt på fangsten nedenfor.

 

  • Legg til nettstedlogo

For å legge til nettstedslogoen, dra widgeten Logo av nettstedet fra venstre panel til en av kolonnene i Elementor-redigereren.

Widgeten Logo av nettstedet vil laste inn nettsidens logo. Hvis du ikke har spesifisert nettstedslogoen din, kan du gå til Utseende -> Tilpass for å legge til logoen din.

Les også: Hvordan importere eller eksportere modeller i Elementor 

Du kan tilpasse logoen din via venstre panel. Du kan definere elementer som justering, lenke, bredde osv.

Bare spill rundt med venstre panel til du er fornøyd med resultatet.

  • Legg til navigasjonsmeny

For å legge til navigasjonsmenyen, dra widgeten navigasjons~~POS=TRUNC menyen~~POS=HEADCOMP til en av kolonnene i Elementor-redigereren.

Widgeten navigasjons~~POS=TRUNC menyen~~POS=HEADCOMP vil laste inn hovedmenyen på nettstedet ditt. Hvis du ikke har opprettet noen meny på nettstedet ditt, kan du gå til Utseende -> Menyer å lage en. Hvis du har flere menyer på nettstedet ditt, kan du angi hvilken du vil vise fra rullegardinmenyen Meny på venstre panel.

Igjen kan du leke med venstre panel for å tilpasse menyen. Du kan stille inn layout (horisontal, vertikal), justering, animasjonseffekt og så videre.

  • Legg til søkefelt

For å legge til søkefeltet kan du dra widgeten Søkeskjema i den gjenværende kolonnen.

Når skjema lagt til, kan du gå til venstre panel for å tilpasse det.

Tilpass overskriften

Som standard vil toppteksten ha en hvit bakgrunn. Du kan endre denne fargen for å matche temafargen din. For å gjøre det, aktiver seksjonen ved å klikke på den i nettleseren (Ctrl+i)

Gå til fanen Stil på venstre panel og velg favorittfargen din ved å klikke på fargevelgeren i alternativet Farge av seksjonen bakgrunn.

Hvordan lage en topptekst i WordPress med Elementor

Hvis du vil ha en klissete topptekst, kan du gå til fanen Avansert. I alternativet Klebrig, under seksjonen Bevegelseseffekter, angi klissete posisjon. Som standard blir Sticky-effekten brukt på alle typer enheter (stasjonær, nettbrett og smarttelefon).

Les også: Elementor Pro: 10 fantastiske funksjoner å låse opp - del I

Hvis du vil slå av Sticky-effekten på en bestemt type enhet, er det bare å fjerne enheten fra feltet.

Hvordan lage en topptekst i WordPress med Elementor

Publiser den tilpassede overskriften din

Så langt har du opprettet den tilpassede overskriften din. Det er mange andre innstillingsalternativer du kan angi, og det er umulig å dekke dem alle på dette innlegget.

Se også: Hvordan lage en unik postmal med Elementor Pro

Bare lek deg med venstre panel til du er veldig fornøyd med resultatet. Når du er ferdig, klikker du på knappen PUBLISH nederst i panelet til venstre for å publisere topptekstmalen.

I neste trinn blir du bedt om å stille inn visningstilstanden. Klikk på knappen LEGG TIL BETINGELSE

Som standard blir overskriftsmalen din brukt på hele nettstedet. Så hvis du vil at topptekstmalen skal brukes på hele nettstedet, kan du bare klikke på knappen LAGRE & LUK.

Les også: Hvordan lage en bunntekst i WordPress med Elementor

Hvis du vil at topptekstmalen skal brukes på en bestemt side, kan du spesifisere siden ved å klikke på rullegardinmenyen. Velg siden fra den andre rullegardinmenyen som vises neste. Klikk på knappen LAGRE & LUK når du er ferdig med å spesifisere siden.

Hvordan lage en topptekst i WordPress med Elementor

Få Elementor Pro nå!

konklusjonen

Her! Det er det for denne artikkelen som viser deg hvordan du oppretter en tilpasset topptekst i WordPress med Elementor. Hvis du er bekymret for hvordan du kommer dit, gi oss beskjed i commentaires.

Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.

...