Merch Styling

Bygga upp huvudet på startsidan

Här är utdraget

Hemsidan använder ett mycket specifikt rubrikelement. Den utnyttjar nästan alla funktioner som headerelementet erbjuder. Inklusive bakgrund för Featured Image, sammanslagna med webbplatsens rubrik och anpassad navigations placering och färger. Läs mer om Header Element här:

Huvudelementet för den sammanslagna webbplatsen

För att redigera rubriken går du till: Utseende > Elements –> Home Page Hero – Slogs samman. Observera att den här rubriken har utformats specifikt för bilden. Vi går nu igenom de olika inställningarna och deras syfte. Detta borde ge dig tillräcklig förståelse för hur du kan manipulera rubriken för ditt eget innehåll.

Inställningar för fliken Sidhjälte

  • Hero Content > Grundläggande HTML-markering som består av en span-tagg för underrubrik, en H1-tagg för huvudrubrik och en ankartagg som använder GP Button-klassen.
  • Elementklasser > Ingen
  • Behållare > Ställd till innesluten
  • Padding Desktop > Den 30-procentiga padding på RHS skapar en säker zon för att förhindra att innehållet i sidans hjälte överlappar bildens RHS.
  • Padding Mobile > Separat padding för att texten ska kunna spänna över rubrikelementet.
  • Bakgrundsbild > Använder den presenterade bilden och ställer in den på centrerad. De presenterade bilderna är inaktiverade i sidans innehåll.
  • Färger > ingen bakgrundsfärg eller överlagring. Textfärgerna har anpassats för rubriken. Alla färger är standardfärger och respekterar inställningarna i anpassaren.

Inställningar för fliken Huvudrubrik på webbplatsen

  • Slå ihop med innehåll > Slås ihop
  • Förskjut webbplatsens rubrikhöjd > Ställ in 169px på skrivbordet och 50px på mobilen. Dessa värden är den ungefärliga höjden på webbplatsens och mobilens rubrik. Detta förhindrar att vårt innehåll flyttas under navigeringen och webbplatsens rubrik.
  • Färger > Bakgrund är inställd på genomskinligt vitt och webbplatsens titel och tagglinje är standard och respekterar de färger som ställts in i anpassningsverktyget.
  • Navigeringsplats > Standard
  • Navigationsfärger > Kryssat och bakgrunden är inställd på transparent.

Regler för visning

Den här rubriken är inställd för att visas på förstasidan. Detta är standardbegreppet för sidan som har tilldelats i Dashboard > Settings > Reading –>Din startsida visas.

Ofta ställda frågor

Hur ändrar man bakgrundsbilden?

Header Element använder bakgrunden för Featured Image. Du ändrar helt enkelt den presenterade bilden i inläggsredigeraren på hemsidan.

Hur ändrar man rubrik och underrubrik?

Redigera innehållet i rubrikelementens hjälteinnehåll. Teckenstilar och -storlekar ställs in i Customizer > Typograpghy-inställningar.

Hur justerar man textens innehåll?

Den aktuella rubriken och underrubriken är inrymd, så att den inte överlappar den mörkare delen av bilden till höger. Detta görs genom att lägga till ytterligare utfyllnad till höger om rubrikelementet. Du kan ta bort eller ändra stoppningen för att anpassa den till dina behov.

Hur ändrar man navigeringsfärgerna?

På fliken Webbplatsrubrik får du färgkontroller för rubriken och navigeringen. Dessa färger åsidosätter de färger som ställts in i anpassaren. Observera att färgerna i anpassningsfunktionen fortfarande gäller för Sticky Navigation.

Hur kan man använda det här rubrikelementet på andra sidor?

Om du vill ha en exakt kopia av denna rubrik kan du helt enkelt lägga till fler sidor, inlägg eller mallar i visningsreglerna. Men eftersom hemsidan skulle förtjäna ganska specifika rubriker vill du förmodligen göra en kopia av den och ändra innehållet efter dina behov. Du kan naturligtvis göra detta manuellt eller använda insticksprogrammet Duplicate Post – se bara till att redigera inställningarna för insticksprogrammet och inkludera Elements.

Click to rate this post!
[Total: 0 Average: 0]
Item added to cart.
0 items - 0,00