Vil du oprette en brugerdefineret header i WordPress med Elementor?
Overskriften er et af de afgørende elementer, som hvert websted skal have. En overskrift indeholder normalt en menu, der gør det nemt for dine besøgende at navigere til vigtige sider på dit websted. Et andet element, der typisk findes i en websideoverskrift, er logoet.
Oplev Sådan installeres Elementor på WordPress
mest WordPress-temaer, uanset om det er gratis eller betalt, giver dig mulighed for at tilpasse overskriften ved at tilføje dit webstedslogo eller navigationsmenuen. Nogle WordPress-temaer, giver dig mulighed for at tilføje yderligere elementer såsom søgelinje og sociale medier-ikoner.
Men er det muligt at oprette en brugerdefineret header i WordPress til at erstatte headeren på WordPress tema aktiv?
Selvfølgelig kan du oprette en brugerdefineret overskrift for at tilsidesætte standardoverskriften for det aktuelt aktive tema på dit WordPress-websted.
Hvis du har en programmeringsevne (PHP i dette tilfælde), skal du oprette en brugerdefineret header til en WordPress tema er ikke et stort problem. Hvis du ikke har nogen programmeringsfærdigheder, lader Elementor dig oprette en brugerdefineret header uden at skrive en enkelt linje kode. Du kan oprette overskriften via en visuel træk-og-slip-editor.
Bemærk: Theme Builder er kun tilgængelig på Elementor Pro.
Sådan oprettes en brugerdefineret header i WordPress med Elementor
Pro-versionen af Elementor leveres med en funktion kaldet Tema Builder. Denne funktion giver dig mulighed for at oprette en WordPress tema uden kodning. Temaelementer, du kan oprette med Elementors temabygger inkluderer:
- header
- Sidefod
- Skabelon til enkelt post
- Arkiver sideskabelon
- 404-sideskabelon
I denne artikel vil vi vise dig, hvordan du opretter en brugerdefineret header til dit WordPress-tema med Elementor. Når den er offentliggjort, erstatter denne brugerdefinerede header dit aktuelle temas overskrift.
Før du starter, skal du sørge for at have installeret Elementor Pro på dit WordPress-websted.
Gå først til Skabeloner -> Theme Builder.
Gå til fanen på Theme Builder-siden Header og klik på knappen Add On for at oprette et nyt header.
Et pop op-vindue vises, hvor du bliver bedt om at give din skabelon et navn. Indtast navnet på din model, og klik på knappen Opret EN MODEL.
Elementor giver dig mulighed for at oprette et header ud fra en skabelon. Vælg en af de tilgængelige modeller i modelbiblioteket, og klik på knappen indsætte for at indlæse det i Elementor-editoren.
Du kan også oprette headeren fra bunden. Hvis du foretrækker at oprette overskriften fra bunden, kan du bare lukke skabelonbiblioteket for at åbne Elementor-editoren.
Teknisk set kan du tilføje enhver Elementor-widget - som du kan udforske i venstre panel - til din overskrift. Men ikke alle widgets er virkelig nødvendige, når det kommer til at oprette webstedsoverskriften.
Læs vores guide: Elementor Free vs Elementor Pro: Detaljeret funktionssammenligning
I denne artikel viser vi dig, hvordan du tilføjer de fælles elementer i en overskrift: webstedslogo, navigationsmenu og søgefelt. I dette tilfælde skal du bruge et nyt afsnit med tre kolonner. Klik på plusikonet i Elementor-editoren, og vælg strukturen med tre kolonner.
Indstil bredden på hver kolonne ved at trække skillelinjen til venstre eller højre retning. Se på fangsten nedenfor.
- Tilføj webstedslogo
For at tilføje webstedets logo skal du trække widgeten Logo af webstedet fra venstre panel til en af kolonnerne i Elementor-editoren.
widget Logo af webstedet vil indlæse dit websteds logo. Hvis du ikke har angivet dit webstedslogo, kan du gå til Udseende -> Tilpas for at tilføje dit logo.
Læs også: Sådan importeres eller eksporteres modeller i Elementor
Du kan tilpasse dit logo via venstre panel. Du kan definere elementer såsom justering, link, bredde osv.
Bare leg rundt med det venstre panel, indtil du er tilfreds med resultatet.
- Tilføj navigationsmenu
For at tilføje navigationsmenuen skal du trække widgeten Navigationsmenu til en af kolonnerne i Elementor-editoren.
widget Navigationsmenu vil indlæse hovedmenuen på dit websted. Hvis du ikke har oprettet nogen menu på dit websted, kan du gå til Udseende -> Menuer at oprette en. Hvis du har flere menuer på dit websted, kan du angive, hvilken du vil have vist i rullemenuen med indstillinger Menu i venstre panel.
Igen kan du lege med venstre panel for at tilpasse din menu. Du kan indstille layoutet (vandret, lodret), justering, animationseffekt og så videre.
- Tilføj søgefelt
For at tilføje søgefeltet kan du trække widgeten Søgeformular i den resterende kolonne.
Når den formular tilføjet, kan du gå til venstre panel for at tilpasse det.
Tilpas overskriften
Som standard har din overskrift en hvid baggrund. Du kan ændre denne farve, så den passer til din temafarve. For at gøre det skal du aktivere sektionen ved at klikke på den i browseren (Ctrl+i).
Gå til fanen stil i venstre panel, og vælg din yndlingsfarve ved at klikke på farvevælgeren i indstillingen farve Sektion Baggrund.
Hvis du vil have en klæbrig overskrift, kan du gå til fanen Fremskreden. I indstillingen Klæbrig, under sektion Bevægelseseffekter, indstil klæbrig placering. Som standard anvendes Sticky-effekten på alle typer enheder (desktop, tablet og smartphone).
Læs også: Elementor Pro: 10 fantastiske funktioner at låse op - del I
Hvis du vil deaktivere Sticky-effekten på en bestemt type enhed, skal du bare fjerne enheden fra marken.
Udgiv dit tilpassede overskrift
Indtil videre har du oprettet din brugerdefinerede header. Der er mange andre indstillingsmuligheder, du kan indstille, og det er umuligt at dække dem alle på dette indlæg.
Se også: Sådan oprettes en unik postskabelon med Elementor Pro
Bare leg rundt med det venstre panel, indtil du er virkelig tilfreds med resultatet. Når du er færdig, skal du klikke på knappen PUBLISH nederst i venstre panel for at offentliggøre din headerskabelon.
I det næste trin bliver du bedt om at indstille skærmtilstanden. Klik på knappen ADD CONDITION
Som standard vil din header-skabelon blive anvendt på hele hjemmesiden. Så hvis du vil have din header-skabelon anvendt på hele hjemmesiden, kan du bare klikke på knappen GEM & LUK.
Læs også: Sådan oprettes en sidefod i WordPress med Elementor
Eller hvis du vil have din header-skabelon anvendt på en bestemt side, kan du angive siden ved at klikke på rullemenuen. Vælg siden i den anden rullemenu, der vises næste. Klik på knappen GEM & LUK når du er færdig med at angive siden.
Hent Elementor Pro nu!
Konklusion
Her ! Det er det for denne artikel, der viser dig, hvordan du opretter en brugerdefineret header i WordPress med Elementor. Hvis du er i tvivl om, hvordan du kommer dertil, så lad os det vide i kommentarer.
Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.
Men i mellemtiden del denne artikel på dine forskellige sociale netværk.
...
