Gå till innehållet

Hur man skapar en anpassad rubrik i WordPress med Elementor

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Vill du skapa en anpassad rubrik i WordPress med Elementor?

Rubriken är ett av de viktigaste elementen som varje webbplats borde ha. En rubrik innehåller vanligtvis en meny, vilket gör det enkelt för besökarna att navigera till viktiga sidor på din webbplats. Ett annat element som vanligtvis finns i en webbplatshuvud är logotypen.

Upptäck Hur man installerar Elementor på WordPress

De flesta WordPress-teman, oavsett om de är gratis eller betalda, låter dig anpassa rubriken genom att lägga till din webbplatslogotyp eller navigeringsmenyn. I vissa WordPress-teman kan du lägga till ytterligare element som sökfältet och ikoner för sociala medier.

Men är det möjligt att skapa en anpassad rubrik i WordPress för att ersätta rubriken för det aktiva WordPress-temat?

Naturligtvis kan du skapa en anpassad rubrik för att åsidosätta standardhuvudet för det för närvarande aktiva temat på din WordPress-webbplats.

Om du har programmeringsfärdigheter (PHP i det här fallet) är det inte så stort att skapa en anpassad rubrik för ett WordPress-tema. Om du inte har några programmeringsfärdigheter, låter Elementor dig skapa en anpassad rubrik utan att skriva en enda kodrad. Du kan skapa rubriken genom en visuell redigerare genom att dra och släppa.

Notera: Theme Builder är endast tillgängligt på Elementor Pro.

Hur man skapar en anpassad rubrik i WordPress med Elementor

Pro-versionen av Elementor kommer med en funktion som heter Temabyggare. Med den här funktionen kan du skapa ett WordPress-tema utan kodning. Temaelementen som du kan skapa med Elementors temabyggare är följande:

  • header
  • sidfot
  • Enkel postmall
  • Arkivera sidmall
  • 404 sidmall

I den här artikeln ska vi visa dig hur du skapar en anpassad rubrik för ditt WordPress-tema med Elementor. När den har publicerats kommer den här anpassade rubriken att ersätta ditt nuvarande temas rubrik.

Se till att du har installerat innan du börjar Elementor Pro på din WordPress-webbplats.

Gå först till Mallar -> Temabyggare.

På fliken Temabyggare går du till fliken Sidhuvud och klicka på knappen Add On för att skapa en ny rubrik.

Ett popup-fönster kommer att visas och ber dig att ge din mall ett namn. Skriv namnet på din modell och klicka på knappen SKAPA EN MODELL.

Elementor låter dig skapa en rubrik från en mall. Välj en av de tillgängliga modellerna i modellbiblioteket och klicka på knappen infoga för att ladda den i Elementor-redigeraren.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

Du kan också skapa rubriken från grunden. Om du föredrar att skapa rubriken från grunden kan du bara stänga mallbiblioteket för att öppna Elementor-redigeraren.

Tekniskt sett kan du lägga till valfri Elementor-widget - som du kan utforska på den vänstra panelen - i din rubrik. Men inte alla widgets är verkligen nödvändiga när det gäller att skapa webbplatsens rubrik.

I den här artikeln visar vi hur du lägger till de vanliga elementen i en rubrik: webbplatslogotyp, navigeringsmeny och sökfält. I det här fallet behöver du ett nytt avsnitt med tre kolumner. Klicka på plusikonen i Elementor-redigeraren och välj strukturen med tre kolumner.

lägg till kolumnavsnitt

Ställ in bredden på varje kolumn genom att dra avdelaren åt vänster eller höger. Ta en titt på bilden nedan.

 

  • Lägg till webbplatslogotyp

Dra widgeten för att lägga till webbplatslogotypen Logo på webbplatsen från vänster panel till en av kolumnerna i Elementor-redigeraren.

widgeten Logo på webbplatsen laddar din webbplatslogotyp. Om du inte har angett din webbplatslogotyp kan du gå till Utseende -> Anpassa för att lägga till din logotyp.

Läs också: Hur man importerar eller exporterar modeller i Elementor 

Du kan anpassa din logotyp via den vänstra panelen. Du kan definiera element som justering, länk, bredd etc.

Spela bara med den vänstra panelen tills du är nöjd med resultatet.

  • Lägg till navigeringsmeny

För att lägga till navigeringsmenyn, dra widgeten navigationsmenyn till en av kolumnerna i Elementor-redigeraren.

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

widgeten navigationsmenyn kommer att ladda huvudmenyn på din webbplats. Om du inte har skapat någon meny på din webbplats kan du gå till Utseende -> Menyer för att skapa en. Om du har flera menyer på din webbplats kan du ange vilken du vill visa i rullgardinsmenyn för alternativ Meny på den vänstra panelen.

Återigen kan du leka med vänster panel för att anpassa din meny. Du kan ställa in layouten (horisontell, vertikal), justering, animeringseffekt och så vidare.

  • Lägg till sökfält

Om du vill lägga till sökfältet kan du dra widgeten Sökformulär i återstående kolumn.

När formuläret har lagts till kan du gå till vänster panel för att anpassa det.

Anpassa rubriken

Som standard kommer din rubrik att ha en vit bakgrund. Du kan ändra den här färgen så att den matchar din temafärg. För att göra det, aktivera avsnittet genom att klicka på det i webbläsaren (Ctrl + i)

Gå till fliken Stil till vänster och välj din favoritfärg genom att klicka på färgväljaren i alternativet Färg i avsnittet bakgrund.

Hur man skapar en rubrik i WordPress med Elementor

Om du vill ha en klibbig rubrik kan du gå till fliken Avancerad. I alternativet Klibbig, under avsnittet Rörelseeffekter, ställa in klibbig plats. Som standard kommer Sticky-effekten att tillämpas på alla typer av enheter (stationär, surfplatta och smartphone).

Läs också: Elementor Pro: 10 fantastiska funktioner att låsa upp - del I

Om du vill stänga av Sticky-effekten på en viss typ av enhet tar du bara bort enheten från fältet.

Hur man skapar en rubrik i WordPress med Elementor

Publicera din anpassade rubrik

Hittills har du skapat ditt anpassade huvud. Det finns många andra inställningsalternativ som du kan ställa in, och det är omöjligt att täcka dem alla i det här inlägget.

Se även: Hur man skapar en unik postmall med Elementor Pro

Spela bara med den vänstra panelen tills du är riktigt nöjd med resultatet. När du är klar klickar du på knappen PUBLICERA längst ned på den vänstra panelen för att publicera din rubrikmall.

I nästa steg kommer du att bli ombedd att ställa in visningstillståndet. Klicka på knappen LÄGG TILLGÅNG

Som standard tillämpas din rubrikmall på hela webbplatsen. Så om du vill att din rubrikmall ska tillämpas på hela webbplatsen kan du bara klicka på knappen SPARA & STÄNG.

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

Läs också: Hur man skapar en sidfot i WordPress med Elementor

Eller om du vill att rubrikmallen ska tillämpas på en viss sida kan du ange sidan genom att klicka på rullgardinsmenyn. Välj sidan från den andra rullgardinsmenyn som visas nästa. Klicka på knappen SPARA & STÄNG när du är klar med att specificera sidan.

Hur man skapar en rubrik i WordPress med Elementor

Skaffa Elementor Pro nu!

Slutsats

Här! Det är det för den här artikeln som visar hur du skapar en anpassad rubrik i WordPress med Elementor. Om du har några frågor om hur du kommer dit, låt oss veta i commentaires.

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Men under tiden dela den här artikeln på dina olika sociala nätverk.

.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
0 aktier
del
tweet
Enregistrer