Hur skapar jag ett fantastiskt Astra-temahuvud?

Rubriker är viktiga för allt innehåll på din webbsida eftersom de inte bara tjänar läsare utan även sökmotorer. Fantastiska och välskrivna rubriker har potential att locka läsare till ditt inlägg och öka antalet klick. Rubrikerna kan variera från H1 till H6, beroende på hierarkin i ditt innehåll. Huvudrubriken på din sida eller artikel är H1, medan H2 är underrubrikerna som gör avsnitt i dina dokument. Rubrikerna H3 till H6 tillhandahåller ytterligare underrubriker i ditt dokument under H2. Innan vi går vidare till hur Astra-temat kan hjälpa dig att skapa fantastiska rubriker i ditt innehåll, låt oss överväga vikten av rubriker

Innehållsförteckning:

Varför är rubriker viktiga för dina webbsidor?

Här är anledningen till att du måste se till att inkludera rubriker i din text

1. Ämnesidentifiering

Rubriker spelar en viktig roll för sökmotorerna och läsarna att välja de nyckelord de letar efter i artikeln. Den primära rubriken i texten hjälper till att identifiera ämnet för materialet, och underrubrikerna navigerar läsaren till sitt intresseområde.

2. Tillgänglighet

Människor idag använder mest skärmläsare för att gå igenom allt innehåll. Rubriker i vilket innehåll som helst plockas lätt upp av skärmläsare och är viktiga för att effektivt använda skärmläsare. De tillåter också läsarna att hoppa från en rubrik till en annan för att komma till önskat ämne.

3. Sökmotoroptimering

När rubriker gör ditt ämne identifierbart rankar sökmotorer din sida för sökfrågor. Ju mer du gör dina rubriker välskrivna och fyllda med lämpliga sökord, desto mer kommer sökmotorerna att öka din rankning.

Här är en guide om hur du använder de kostnadsfria Astra-temafunktionerna för att skapa fantastiska rubriker för dina sidor. Följ proceduren för att skapa en rubrik som du väljer.

4. Gör sidor skanningsbara

Genom att använda rubriker gör du sidorna så skanningsbara som möjligt. Det är allmänt känt att ingen läser hela artikeln - särskilt rad för rad. Det är därför det är viktigt att sidor har rubriker. Av alla rubriker är den viktigaste rubriken den första rubriken eftersom den sätter tonen för hela inlägget eller sidan.

Därefter kommer underrubriken eftersom den delar upp innehållet i bitar som är bättre för konsumtion. Inte nog med det, artikelns struktur visas av rubrikerna och underrubrikerna. Kort sagt betyder rätt uppsättning rubriker att du kan locka publiken med ditt engagerande innehåll.

5. Användbarhet för mobila enheter

Med tiden blir mobilen mer dominerande än någonsin. Det råder ingen tvekan om att sajter kommer att få mer trafik från mobilen än någonsin tidigare. Så om du lägger ditt innehåll rätt kommer du garanterat att få tittare från både mobil och dator.

Kort sagt, rubriker optimerar webbsidan för inte bara läsare utan även sökmotorer.

Hur man skapar en fantastisk header med Astra-tema?

Först och främst, för att komma åt Astra Header Builder, logga in på din WordPress-instrumentpanel och från det vänstra sidofältet, gå till Utseende > Astra-alternativ > Header Builder som visas i bilden nedan:

Klicka på den så kommer du till avsnittet Header Builder i WordPress-anpassaren. Gränssnittet ska se ut som det vi har här:

Som du kan se är huvudbyggaren uppdelad i tre vertikala sektioner, en staplad ovanpå en annan. Du har den "primära rubriken" i mitten med en "ovan rubrik" överst och "under rubriken" längst ner. 

Varje rubrik har sin egen uppsättning "rubrikinställningar", som du kan komma åt genom att klicka på kugghjulsikonen till vänster om rubriken.

Härifrån kan du anpassa rubrikens höjd, kantstorlek, bakgrund, stoppning och marginal.

Lägg också märke till hur varje rubrik är uppdelad i tre sektioner. Du kan lägga till och ta bort rubrikelement från dessa avsnitt för att göra dem mer funktionella. När du skriver den här handledningen har du tillgång till 12 huvudelement:

  • Webbplatsens titel och logotyp
  • Primär meny
  • Knapp 1
  • Knapp 2 (pro)
  • Söka
  • Konto
  • HTML 1
  • HTML 2
  • Sekundär meny
  • Social
  • Widget 1
  • Widget 2
  • Widget 3 (proffs)
  • Widget 4 (proffs)
  • Kundvagn

Nu, för att lägga till ett nytt Header-element, håll musen över det avsnittet och klicka på "+"-knappen. Detta kommer att visa en lista över tillgängliga element. Välj den du vill använda så läggs den till i rubriken.

På samma sätt klickar du bara på "x"-knappen bredvid rubrikelementet för att ta bort ett rubrikelement.

Du kan också flytta runt rubrikelementen mellan rubriksektioner genom att helt enkelt dra och släppa.

Alla rubrikelement du har använt kommer att dyka upp i menyn till vänster, precis under fliken Allmänt. Här nedan hittar du även möjligheten att ändra rubriktypen. Gratis användare får bara alternativet för "Transparenta rubriker." Men om du använder Astra Pro kan du aktivera "Sticky Headers."

Härifrån kan du komma åt de specifika inställningarna för rubrikelementet.

Precis bredvid fliken Allmänt har vi fliken Design. Härifrån får du några grundläggande designalternativ för att ändra bredd och marginal på rubriken. Mer avancerade inställningar är tillgängliga för Astra Pro-användare.

Astra Header Builder låter dig också finjustera hur sidhuvudet kommer att se ut på olika skärmstorlekar som skrivbord, mobil eller surfplatta. För att välja en annan skärmstorlek och anpassa den, använd enhetsväljaren i skärmens nedre vänstra hörn.

Som du kan se, på en mindre skärm, får du ett extra område som heter "Off Canvas." Detta gör att du kan spara utrymme i rubriken och flytta en del av sakerna från skärmen som besökare kan växla om och när det behövs.

Och det här avslutar vår snabbguide om hur man skapar en rubrik med Astra-temat. När du är klar med att lägga till alla rubrikelement och göra de nödvändiga designändringarna klickar du på publicera-knappen, och det är allt. 

Din nyskapade Astra-header är nu igång på din WordPress-webbplats.

Astra Header Builder: En snabb översikt över tillgängliga alternativ

I handledningen ovan skapade vi en mycket grundläggande rubrik med hjälp av Astra Header Builder för att ge dig en uppfattning om hur funktionen fungerar. Det finns dock massor av verktyg och alternativ inom Astra Header Builder som hjälper dig att skapa mer komplexa och fantastiska rubriker.

Här är en snabb titt på de olika alternativen du har till ditt förfogande:

Primär rubrik

Standardhuvudet i Astra är det primära huvudet. Den kommer att visa en logotyp och även en navigeringsmeny som är anpassningsbar med olika primära huvudinställningar i Astra.

Installera bara Astra och gå till rubriksektionen för att välja det primära rubrikalternativet och komma till anpassningen. Rubrik > Primär rubrik

Du kan använda följande anpassningsinställningar

Layout

Layoutinställningarna kommer att hantera positionen för logotypen för din sida. Det finns tre olika positioner tillgängliga i Astra för logotypen

Vänster logotyp

Logotypen i denna inställning flyttas till vänster sida av navigeringsmenyn. Det är en typisk stil för att placera en logotyp.

Höger logotyp

Logotypen i den här inställningen flyttas till höger sida av navigeringsmenyn.

Mittlogotyp

Logotypen i den här inställningen flyttas i mitten ovanför navigeringsmenyn. Det är ett bra alternativ när det gäller en lång meny.

Bredd

Breddinställningar hanterar bredden på rubriken för texten. Du kan anpassa din rubrikbredd som

Full bredd

I inställningar för full bredd kommer din rubrik att sträckas ut från båda ändarna och passa din webbläsares sidstorlek.

Innehållsbredd

I inställningarna för innehållsbredd justeras rubriken enligt behållarens bredd, och du kan ställa in den genom att välja följande

Global > Behållare > Bredd

Gräns

Genom att välja ram kan du lägga till en ram under rubriken och anpassa dess färg och bredd.

Mobil Header

Navigeringsmenyn, på responsiva enheter, ändras till en hamburgare. Därför kommer den primära rubriken på dessa enheter endast att visa hamburgermenyn och logotypen. Du kan anpassa layouten på logotypen för menyn i de responsiva widgetarna.

Stack

I stackalternativet kommer logotypen att flyttas över hamburgermenyn. Att välja stacken kan vara användbart om du har en stor logotyp.

Inline

I inline-alternativet kommer logotypen och menyn att ligga i linje med varandra och kan vara ett bra alternativ vid en liten logotyp.

Färgteman

De primära rubrikerna kan presenteras i olika färger med hjälp av Astra-temat. De globala färgerna kommer att vara tillgängliga gratis, men du måste använda plugin för Astra Pro för mer avancerade funktioner. För att använda globala färger i Astra måste du gå under fliken Utseende, välja anpassa, sedan globalt och slutligen välja färgalternativet. Utseende > Anpassa > Global > Färger

Typografi

Typografiinställningarna för sidan eller webbplatsen tillämpas automatiskt på den primära rubriken med Astra-tema. Du kan välja och anpassa typografiinställningar genom att gå till fliken Utseende under globalt. 

Utseende > Anpassa > Global > Typografi

Genomskinlig rubrik

Transparenta rubriker är ett enkelt sätt att skapa vackra och attraktiva rubriker för din sida. Bakgrunden för den primära rubriken ställs in på genomskinlig och drar innehållet på sidan till toppen. Innehållet på sidan och den primära rubriken kommer att slås samman, vilket innebär att den övre delen av innehållet blir bakgrunden till den transparenta rubriken. Till exempel, om bilden är på den övre delen av sidan, kommer den att gå upp för att bli en bakgrund för den genomskinliga rubriken.

Hur lägger man till en transparent rubrik?

Den genomskinliga rubriken formuleras i två snabba steg för att göra din sida attraktiv 

Steg 1

Du kan hitta alternativet för transparent rubrik under anpassaren och sedan kan redigera den

Utseende > Anpassa > Rubrik > Transparent rubrik

Steg 2

Under de transparenta rubrikalternativen kan du aktivera det för hela webbplatsen, välja ram längst ner, färgscheman och logotyplayouten

Aktivering på komplett webbplats

Om du vill ha de transparenta rubrikinställningarna för hela webbplatsen kan du aktivera det här alternativet genom att markera kryssrutan. Om du markerar kryssrutan finns det fortfarande vissa undantagsregler som du kan aktivera för specifika inlägg eller sidor. Du kan inaktivera alternativet för transparent rubrik för följande sidor

Inaktivera på Arkiv, Sök och på 404

Inställningen för transparent rubrik kan inaktiveras på dessa specialsidor genom att markera kryssrutan.

Inaktivera på bloggindexsidan

Förstasidan på din blogg blir bloggens indexsida om du ändrar inställningarna från din hemsida. För att skapa en bloggindexsida kan du gå till startsidans inställningar och under fliken "Din startsida" välj "Dina senaste inlägg".

Din startsida Visa > Dina senaste inlägg

Om du vill inaktivera inställningarna för den genomskinliga rubriken på denna bloggindexsida kan du kryssa i kryssrutan för detta.

Inaktivera på sidor

Om du vill inaktivera alternativet för den transparenta rubriken på alla sidor, markera kryssrutan.

Inaktivera på inlägg

Om du vill inaktivera alternativet för den transparenta rubriken på alla inlägg, markera kryssrutan.

Färger och bakgrund

Du kan anpassa bakgrunds- och färginställningarna för din transparenta rubrik med följande tillgängliga alternativ

  • Bakgrund
  • Webbplatsens titel
  • Meny
  • Undermeny
  • Innehåll

För- och nackdelar med att använda Astra-tema för rubriker

Proffs

  • Möjlighet för den transparenta rubriken är tillgänglig
  • Rubrikerna för både full bredd och innehållsbredd är tillgängliga
  • Färg- och typografianpassning är tillgänglig

Nackdelar

  • Alternativet Sticky header är inte tillgängligt
  • Avancerade färgfunktioner är inte tillgängliga

Slutord

Astra är ett av de bästa teman som finns. Och om du använder den är du på rätt väg för att underhålla din webbplats.

Det kostnadsfria temat för Astra låter dig designa vackra och attraktiva rubriker för din webbsida. Alternativet och anpassningen av en Transparent header är också tillgänglig, vilket kan förbättra tittarens upplevelse. Sammantaget låter många anpassningsalternativ för rubriker i Astra-temat dig skapa en fantastisk rubrik.

Ahmad

Visa kommentarer

  • Bonjour, j'ai omfattar kommentar faire un entête transparent mais pas comment vous avez fait pour mettre l'arrière plan bleuté-dégradé juste en haut de page derrière le menu... Comment avez-vous fait ?

  • Bonjour,

    Merci beaucoup pour toutes ces infos. Pourriez-vous svp m'aider ?

    J'aimerai cééer ​​l'entête Astra unika sur ma page d'accueil. Mais soit elle s'affiche sur toutes les pages soit sur aucune... Comment je peux faire ?

    Mon site est actuelllement and mode maintenance.

    En vous remerciant par avance

    • Hej, Astra-huvudtilldelningen måste göras per sida, i varje sidinställning. I Astra-miljön är det bara globalt uppdrag.

Senaste inlägg

Hur man använder sidhuvud och sidfot med Elementor

En webbplats sidhuvuden och sidfötter är viktiga element. I de flesta fall ger rubriken navigering...

6 januari 2022

WordPress-temajämförelse: Astra vs OceanWP

Två av de mest populära WordPress-temanen på marknaden är Astra och OceanWP. Professionell…

2 januari 2022

Jämförelse av WordPress-nyhetstema: Newspaper vs. Astra

Att skapa en utmärkt nyhetswebbplats kräver inte att du blir webbdesigner. Vi…

25 oktober 2021

Skapa en nyhetsrelaterad webbplats med tidningstema

The Newspaper-temat är ett av de viktigaste WordPress-teman som designats av tagDiv, en...

18 oktober 2021

Hur man bygger en e-handel med Avada WooCommerce Builder

När det gäller att skapa en onlinebutik är WooCommerce det bästa plugin . Det…

4 oktober 2021

Hur man använder sticky header och rullningseffekter med Elementor

En rubrik är i allmänhet det första en person ser när de besöker din webbplats,...

21 september 2021