Hvordan lage egendefinerte topptekster og bunntekster med Elementor

Kan du ikke like hvordan ditt nåværende WordPress-tema håndterer toppteksten eller bunnteksten? Hva med å tilpasse det med Elementor? I denne guiden forteller vi deg hvordan du lager egendefinerte topptekster og bunntekster med Elementor – trinn for trinn og uten kodingsferdigheter. ��

Hvorfor Elementor?

Elementor er vår favoritt sidebygger plugin for WordPress og faktisk et av de beste verktøyene du kan bruke til å tilpasse WordPress-nettstedet ditt uten å vite hvordan du skal kode.

Elementor er også det beste alternativet hvis du ikke liker hvordan din nåværende topptekst eller bunntekst ser ut, men du heller ikke ønsker å endre temaet ditt.

Du kan lære mer om Elementor her �� i vår grundige Elementor-gjennomgang.

Hva du trenger for å lage tilpassede topptekster og bunntekst med Elementor

To ting:

  • den viktigste Elementor-plugin – den gratis
  • Elementor Pro – premiumoppgradering på toppen av gratisutgaven av Elementor

�� For å få Pro må du abonnere her. Grunnversjonen av Elementor Pro (for ett nettsted) er 49 dollar per år, men pengene er godt brukt, fordi det gir deg mange spennende funksjoner som går over bare topptekstene eller bunntekstene. Sjekk det ut.

1. Installer Elementor gratis og pro

Installasjonsprosessen med Elementor gratis er akkurat som alle andre plugin-er:

  1. Bare gå til din wp-admin → Plugins → Legg til nytt, og skriv “Elementor” i boksen.
  2. Installer og aktiver.

�� Her er en egen guide for hvordan du installerer WordPress-plugin i tilfelle du trenger mer veiledning.

For å installere pro-tillegget, må du først gå til Elementor.com og kjøpe et abonnement. Etter det vil du kunne laste ned tillegget fra kundeprofilen din.

Elementor nedlasting

Du må også generere en ny API-nøkkel for din kopi av Elementor Pro. For det, klikk på se nettsteder -knappen på samme side (skjermdump over), og legg deretter til nettadressen din der. Du får en lisensnøkkel som du trenger å oppgi når du aktiverer Elementor Pro på nettstedet ditt.

Gå tilbake til wp-admin og fortsett til Plugins → Legg til nytt en gang til. Denne gangen laster du opp Elementor Pro-arkivet manuelt.
Fortsett å installere og aktivere den.

Fra det primære sidefeltet til wp-admin, gå til Elementor → lisens. Skriv inn lisenskoden din der.

Elementor og Elementor Pro er nå aktive!

2. Lag en tom topptekst- eller bunntekstmal

Gå til wp-admin-sidefeltet maler. Det er sannsynligvis ingenting der ennå.

maler blanke

Klikk på det store LEGG TIL NY TEMPLAT knapp.

Velg enten fra popup-vinduet Overskrift eller bunntekst basert på hva du vil lage, og navngi malen din hvis du vil.

Velg mal for å lage egendefinerte topptekster og bunntekster med Elementor

Det er her moroa starter! Du vil se Elementor lansere, og du kan komme på jobb.

For å gjøre ting raskere, vil Elementor vise deg en liste med ferdige topp- og bunntekstmaler. Du kan enten velge en av dem eller begynne å jobbe med din egen topptekst eller bunntekst fra bunnen av. Valget er opp til deg.

overskriftmaler

3. Angi den generelle utformingen av topptekst / bunntekst

For det første, for å lage egendefinerte topptekster og bunntekster med Elementor, må du bestemme hva hovedoppsettet til toppteksten eller bunnteksten skal være.

Som et eksempel skal jeg bygge et moderne utseende med logoen i midten, en meny til venstre og en søkeboks til høyre. Imidlertid står du fritt til å bygge noen annen type topptekst, siden det ikke er noen begrensninger når det gjelder designen eller hva du kan inkludere i topptekstene eller bunntekstene..

Klikk på hovedmenyen for å begynne tilpasningsknapp av overskriften for å se Oppsett delen i sidefeltet:

overskrift

Velg strukturen som virker mest optimalisert. Jeg går bare med tre like kolonner.
3-kolonner
Hvis du vil, kan du også bestemme å strekke oppsettet eller angi en fast bredde når du oppretter tilpassede topptekster og bunntekster med Elementor. De spesifikke innstillingene her vil avhenge av temaet ditt. Velg hva som ser best ut.
layout strekning

Å legge til en logo er et veldig enkelt trinn, men bare forutsatt at ditt nåværende tema håndterer logoen i henhold til WordPress offisielle retningslinjer.

I Elementor velger du Nettstedslogo blokkerer fra sidefeltet. Sett den der du vil ha den. Den skal hente den faktiske logoen din automatisk.

logo

I innstillingene kan du velge hvordan logoen skal oppføre seg når du klikker, og også justere størrelsen og justeringen.
logoinnstillinger

5. Legg til en meny

Ta tak i Nav-meny blokkerer fra Elementor-sidefeltet og drar den dit du vil ha den i overskriften.

nav-blokk

Her er de viktigste tingene å justere:

  • Meny – velg den spesifikke menyen du vil ha (du kan velge mellom hva du har satt inn Utseende → Menyer).
  • OppsettHorisontal, vertikal, eller Fall ned
  • Tilpassevenstre, senter, Ikke sant, eller tøye ut for å fylle hele det tilgjengelige området
  • Pointer – hvordan du vil markere den aktive lenken
  • animasjon – hvordan du vil at pekeren skal vises
nav-innstillinger

Du kan også gå inn på de to andre fanene – Stil og Avansert for å justere andre detaljer om menyens design.

NavMenu Addon for Elementor �� Vil du ha enda flere tilpasningsalternativer? Få en gratis plugin kalt NavMenu Addon for Elementor. Det gir deg ekstra menyblokker som du kan bruke når du oppretter tilpassede topptekster og bunntekster med Elementor. De Mega Menu blokkeringen er spesielt interessant.

6. Legg til et søkefelt

For å fullføre designet mitt, skal jeg velge Søkeskjema blokkerer og drar den over til høyre kolonne i mitt topptekstdesign.

søkeblokk

Et par interessante alternativer der:

  • HudClassic, minimal, Full skjerm
  • Plassholder – kan la stå tomt, eller legge noe sånt som “søk” der
  • JusteringStørrelse – begge deler er ganske selvforklarende
søkeinnstillinger

7. Legg til andre ekstra elementer

Det er også et par andre blokker som du kan bruke når du skal finne ut hvordan du lager egendefinerte topptekster og bunntekster med Elementor. Du kan eksperimentere med dem fritt for å få den effekten du ønsker.

Elementor lar deg også legge en hvilken som helst annen Elementor-blokk i topptekstene eller bunntekstene. Dette inkluderer tilpasset tekst, bilder, ikoner, alt som kan forbedre overskriften din ytterligere.

topptekstblokker

8. Publiser topptekst / bunntekst

Den siste tingen å gjøre er å publisere opprettelsen din på nettstedet og tildele den til enten å erstatte standard topptekst / bunntekst på hele siden eller bare på bestemte sider. Det er mange muligheter.

For å gjøre dette, klikk på hovedvinduet PUBLISERE -knappen i Elementor. Du vil se en popup som spør hvor du vil vise den nye toppteksten eller bunnteksten.

forhold

Den mest grunnleggende betingelsen er “Hele nettstedet”:

hele nettstedet

Du kan også eksperimentere med denne innstillingen og enkelt ut enkle sider, innlegg, kategorier og mer. Her er for eksempel en betingelse for at den nye overskriften bare skal vises på Kontakt side:

bare på kontakt

Når du er ferdig, klikker du på SPAR & LUKK.

Den nye toppteksten eller bunnteksten din er nå live! Eksempel:

overskrift i aksjon

Klar til å bygge dine tilpassede topptekster og bunntekst med Elementor?

Jeg håper denne opplæringen har vært nyttig, og at du allerede er på vei til en fantastisk ny topptekst eller bunntekst!

Hvis du har spørsmål, kan du gjerne spørre i kommentarene nedenfor. Vi har også annet Elementor-relatert innhold på bloggen for å hjelpe deg med å forbedre designen din:

  • �� Elementor gjennomgang: Hvordan stables denne WordPress-sidebyggeren opp?
  • ��️ Hvordan bygge en produktlanseringsside med Elementor
  • ✨ Beste gratis elementortillegg
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me