Hur skapar jag en fantastisk Astra-temahuvud?

Rubriker är viktiga för allt innehåll på din webbsida eftersom de tjänar inte bara läsare utan även sökmotorer. Fantastiska och välskrivna rubriker har potential att locka läsare till ditt inlägg och öka klick. Rubrikerna kan variera från H1 till H6, beroende på hierarkin för ditt innehåll. Huvudtiteln på din sida eller artikel är H1, medan H2 är underrubrikerna som gör avsnitt i dina dokument. H3 till H6 -rubrikerna ger ytterligare underrubriker till 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?

Det är därför du måste se till att ta med rubriker i din text

1. Ämnesidentifiering

Rubriker spelar en viktig roll för sökmotorerna och läsarna att välja de sökord de letar efter i artikeln. Den huvudsakliga 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 använder idag mest skärmläsare för att gå igenom allt innehåll. Rubriker i vilket innehåll som helst kan enkelt plockas 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, rangordnar sökmotorer din sida för sökfrågor. Ju mer du gör dina rubriker väl utformade och fyllda med lämpliga sökord, desto mer kommer sökmotorerna att öka din ranking.

Här är en guide om hur du använder de gratis Astra-temafunktionerna för att skapa fantastiska rubriker för dina sidor. Följ proceduren för att skapa en rubrik efter eget val.

4. Gör sidor skannbara

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

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

5. Användbarhet för mobila enheter

Med tiden blir mobil mer dominerande än någonsin. Det är ingen tvekan om att webbplatser kommer att få mer trafik från mobilen än någonsin tidigare. Så om du ställer in ditt innehåll rätt, kommer du säkert att få tittare från både mobil och stationär dator.

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

Hur skapar jag en fantastisk rubrik 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, och det tar dig 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" högst upp 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 sidhuvudets höjd, kantstorlek, bakgrund, stoppning och marginal.

Lägg också märke till hur varje rubrik är indelad i tre sektioner. Du kan lägga till och ta bort rubrikelement från dessa sektioner för att göra dem mer fantastiska. När du skriver denna handledning har du tillgång till 12 rubrikelement:

  • Webbplatsens titel och logotyp
  • Primär meny
  • Knapp 1
  • Knapp 2 (pro)
  • Sök
  • konto
  • HTML 1
  • HTML 2
  • Sekundärmeny
  • Social
  • Widget 1
  • Widget 2
  • Widget 3 (pro)
  • Widget 4 (pro)
  • Vagn

För att lägga till ett nytt rubrikelement, för 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 rubriksektionen.

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 som du har använt visas i menyn till vänster, under fliken Allmänt. Under här hittar du också alternativet att ändra huvudtyp. Gratis användare får bara alternativet "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 sidhuvudets bredd och marginal. 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 får du på en mindre skärm ett extra område som heter "Off Canvas". Detta låter dig spara utrymme på rubriken och flytta några av sakerna utanför skärmen som besökare kan växla om och när det behövs.

Och det handlar om vår snabbguide om hur du skapar ett huvud med hjälp av Astra -temat. När du är klar med att lägga till alla rubrikelement och göra nödvändiga designändringar klickar du på publiceringsknappen och det är det.  

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

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

I ovanstående handledning skapade vi en mycket grundläggande rubrik med Astra Header Builder för att ge dig en uppfattning om hur funktionen fungerar. Det finns dock massor av verktyg och alternativ i 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

Standardrubriken i Astra är den primära rubriken. Det kommer att visa en logotyp och även en navigationsmeny som kan anpassas med olika primära rubrikinstä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 hanterar logotypens position för din sida. Det finns tre olika positioner i Astra för logotypen

Vänster logotyp

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

Rätt logotyp

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

Centerlogotyp

Logotypen i den här inställningen rör sig i mitten ovanför navigeringsmenyn. Det är ett bra alternativ för en lång meny.

Bredd

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

Full bredd

I inställningar med full bredd kommer din rubrik att sträckas ut från båda ändarna och passar webbläsarens sidstorlek.

Innehållsbredd

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

Global> Behållare> Bredd

Gräns

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

Mobilhuvud

Navigeringsmenyn på mottagliga enheter ändras till en hamburgare. Därför kommer den primära rubriken på dessa enheter bara att visa hamburgarmenyn och logotypen. Du kan anpassa layouten på logotypen beträffande menyn i de responsiva widgetarna.

Stack

I stackalternativet kommer logotypen att röra sig över hamburgarmenyn. Att välja stacken kan vara användbart om du har en stor logotyp.

I kö

I inline -alternativet kommer logotypen och menyn att vara i linje med varandra och kan vara ett bra alternativ när det gäller en liten logotyp.

Färg teman

De primära rubrikerna kan presenteras i olika färger med hjälp av Astra-temat. De globala färger kommer att finnas tillgänglig för gratis, men du måste använda addon plugin 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 global och slutligen välja alternativet färger. Utseende> Anpassa> Globalt> Färger

Typografi

Typografiinställningarna för sidan eller webbplatsen gäller automatiskt för huvudhuvudet med Astra Theme. Du kan välja och anpassa typografiinställningar genom att gå till fliken Utseende under global.  

Utseende> Anpassa> Global> Typografi

Transparent rubrik

Transparenta rubriker är ett enkelt sätt att skapa vackra och attraktiva rubriker för din sida. Bakgrunden på den primära rubriken kommer att vara transparent och drar innehållet på sidan till toppen. Innehållet på sidan och den primära rubriken kommer att smälta samman, vilket innebär att den övre delen av innehållet blir en bakgrund av den transparenta rubriken. Om bilden till exempel finns på det övre avsnittet på sidan kommer den att gå upp för att bli en bakgrund för den transparenta rubriken.

Hur lägger jag till en transparent rubrik?

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

Steg 1

Du kan hitta alternativet med transparent huvud under anpassningen och sedan redigera det

Utseende> Anpassa> Header> Transparent Header

Steg 2

Under de transparenta rubrikalternativen kan du aktivera den för hela webbplatsen, välja gränsen längst ner, färgscheman och logotypens layout

Aktivering på en komplett webbplats

Om du vill ha transparenta sidhuvudinställningar för hela webbplatsen kan du aktivera det här alternativet genom att kryssa i kryssrutan. Om du markerar kryssrutan finns det fortfarande några uteslutningsregler som du kan aktivera för specifika inlägg eller sidor. Du kan inaktivera det öppna rubrikalternativet för följande sidor

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

Den transparenta rubrikinställningen kan inaktiveras på dessa specialsidor genom att kryssa i för kryssrutan.

Inaktivera på bloggsidan

Förstasidan på din blogg blir bloggsindexsidan om du ändrar inställningarna från din hemsida. För att skapa en bloggsida kan du gå till inställningarna för hemsidan och under fliken "Din hemsida-skärm" väljer du "Dina senaste inlägg."

Din startsida Visa> Dina senaste inlägg

Om du vill inaktivera inställningarna för det transparenta huvudet på denna bloggindexsida kan du markera kryssrutan för detta.

Inaktivera på sidor

Om du vill inaktivera alternativet för den transparenta rubriken på alla sidor markerar du 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 bakgrund och färginställningar för din transparenta rubrik med följande tillgängliga alternativ

  • Bakgrund
  • Sidans Titel
  • Meny
  • Undermeny
  • Innehåll

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

Fördelar

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

Nackdelar

  • Alternativ för klibbig rubrik är inte tillgängligt
  • Avancerade färgfunktioner är inte tillgängliga

Sista ord

Astra är ett av de bästa teman där ute. 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 anpassningsval för rubriker i Astra-temat dig skapa en fantastisk rubrik.

4 tankar om "Hur man skapar en fantastisk Astra-temahuvud?"

  1. Bonjour, j'ai innehåller 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?

  2. 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

Lämna en kommentar

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