Ocuco-landskapet Sidhuvud innehåller den första uppsättningen synliga element när din webbplats laddas. Du kan ordna elementen som logotyp, navigeringsmeny och sociala ikoner på det sätt du vill att de ska visas i rubriken.
I den här artikeln:
- Header för skrivbordet
- Rubrik – Kantlinje
- Rubrik – Piller
- Header för mobil
- Typer av rubriker
- Rubrikelement
Du kan hantera rubrikstilen (för både stationära och mobila enheter) från Design (1) avsnitt.
När du är inne i designsektionen klickar du på Sidhuvud (2) flik.
Alternativt kan du också använda studions sökalternativ.
- ange Sidhuvud (1) i sökfältet.
- Från de relaterade resultaten, klicka på Design- Hemsida Header alternativ (2).
Header för skrivbordet
- Rubriklayout – Kontrollera den för närvarande tillämpade rubriklayouten för desktop version. Klicka på Ändra layout knappen för att välja bland de tillgängliga layoutalternativen för rubriker och tillämpa på din webbplats.
Vi tillhandahåller två typer av rubriklayouter – övre rubriklayouteroch sidhuvudslayouter med två kolumner. Rubriklayouterna med två kolumner finns i teman som Burst och Isle. - Bredd – Ange rubrikens bredd som Full Width or Webbplatsens bredd.
'Full bredd' kommer att visa rubriken samtidigt som den täcker hela bredden utan att lämna någon marginal.
'Webbplatsens bredd' kan anges i Design sektion. Du kan ange en fast bredd här.
Den kommer att visa rubriken genom att följa den angivna fasta bredden. Veta mer. - Vertikal stoppning – Lägg till utrymme (överst och nedre) till din webbplatsrubrik (anges i vh). Veta mer.
- Beteende – Positionen för ditt skrivbordshuvud kan ställas in på Ffast (här kommer sidhuvudet att vara fixerat på toppen, dvs även om sidan rullar så skulle sidhuvudet vara synligt) eller Bläddra med webbplats (här kommer rubriken att rulla längs med sidan).
- Sticky Navigation – Aktivera eller inaktivera den klibbiga navigeringen i händelse av Srulla med webbplats huvudposition.
- Klibbig meny – Ställ in positionen för den fasta menyn när sidan skrollas åt vänster eller mitten av skärmen.
För klibbig navigering visas rubriken efter att den första delen har rullats halvvägs på skärmen
Kolla in rubrikutfyllnad i aktion:
Ta en titt på en Header på en livesajt.
Se olika layouter för skrivbordshuvuden
Se olika layouter för skrivbordshuvuden med två kolumner
Sökbaserade Header-layouter som fokuserar på webbplatssökning
Rubrik – Kantlinje
- Gräns: Aktivera eller inaktivera gränsen för rubrik.
- Tjocklek: Ange bredden på kantlinjer för rubriken.
- Placera: Ställ in positionen för rubrikkanten. Du har fyra alternativ - Alla sidor, Topp & Botten, Endast Topp och Endast Botten.
Rubrik – Piller
Ocuco-landskapet Pillformad rubrik i Pixpa ger ett elegant och modernt utseende till din webbplats header med rundade hörn och avståndsflexibilitet. Den här designen är idealisk för kreativa och proffs som vill göra sin header visuellt distinkt och elegant.
Du kan tillämpa den här stilen på någon rubriklayout, vilket ger dig full designfrihet över olika rubriktyper.
- Rubrik – Piller: Slå på rubriken – Pillväxling för att aktivera pillerstyling för din rubrik.
- Hörnradie: Justera rundheten på rubrikens hörn med skjutreglaget eller fältet Hörnradie. Högre värden kommer att göra hörnen mer rundade.
- Toppstoppning: Ange utrymmet ovanför innehållet i pillerhuvudet för att kontrollera vertikalt avstånd.
- Nedre stoppning: Definiera utrymmet under innehållet för att säkerställa ett balanserat utseende.
- Kompakt bredd: Detta gör att du kan välja hur bred ditt pillerhuvud ska se ut:
- Full bredd: Sträcker ut rubriken över hela skärmens bredd.
- Webbplatsbredd: Justerar rubriken med din övergripande bredd på webbplatsinnehållet.
- Kompakt: Krymper rubriken till ett tätare, centrerat block – perfekt för minimalistisk design.
Header för mobil
Med dessa inställningar kan du styra hur din webbplats rubrik visas på mobila enheter. Detta säkerställer en ren och optimerad layout för mindre skärmar.
- Layout – Kontrollera den för närvarande tillämpade rubriklayouten för mobil version. Klicka på Ändra layout knappen för att välja bland de tillgängliga layoutalternativen för rubriker och tillämpa på din webbplats.
- Vertikal utfyllnad – Lägg till Vertikalt utrymme (överst och nedre) till din webbplatsrubrik på mobila enheter (anges i vh).
- Mobile Header – Ange om du vill att mobilrubriken endast ska visas på mobila enheter (upp till 768 pixlar) eller även på surfplattor (upp till 1199 pixlar).
Var noga med att klicka på Publicera knappen efter att du har gjort ändringar för att säkerställa att de visas på din webbplats.
Se olika layouter för mobilhuvuden
- Punktsymbol i mobilhuvudet hänvisar till kundkonton.
- Det kommer bara att visas att alternativet Kundkonto är aktiverat i butik. Läs mer.
Typer av rubriker
Du kan välja mellan fyra olika typer av rubriker:
Normal rubrik
Den normala rubriklayouten har en ren och enkel design med en logotyp, navigeringslänkar, sociala ikoner och menyknapp som visas horisontellt. Den är idealisk för att ge en klassisk och användarvänlig surfupplevelse.
Rubrik med två kolumner
Rubriklayouten med två kolumner delar upp rubriken i två distinkta sektioner, vilket möjliggör en logotyp och sociala ikoner till vänster eller i mitten och navigeringsmenyn och andra objekt i rubriken till höger som en klickbar sidofält.
Denna layout är perfekt för webbplatser som behöver betona både sitt varumärke och viktiga åtgärder samtidigt.
Sökbaserad rubrik
Den sökbaserade rubriklayouten inkluderar ett framträdande sökfält, vilket gör det enkelt för användare att snabbt hitta specifikt innehåll. Denna design är särskilt användbar för innehållstunga webbplatser där sökfunktionalitet är ett primärt fokus.
Rubrikelement
- Logotyp/webbplatstitel – Det allra första elementet i sidhuvudet är webbplatsens logotyp/titel. Ställ in webbplatsens titel/ladda upp webbplatsens logotyp för din webbplats.
Obs: Om du inte har laddat upp webbplatsens logotyp, kommer webbplatsens titel att visas på din webbplatshuvud. Dessutom, om du har angett båda, kommer webbplatslogotypen att vara synlig på din webbplatshuvud. - Meny – Ett annat element i sidhuvudet är menyn (menylänkar). Du kan ordna länkarna för webbplatsnavigering, or radera/dölja valfritt menyalternativ från din webbplats.
- Sociala ikoner – Du kan lägga till Sociala ikoner som är anslutna till dina sociala medieprofiler till din webbplatsrubrik. Du kan ladda upp en social delningsbild som kommer att användas som en miniatyrbild när webbplatsen eller någon av webbplatsens sidor delas på sociala medier. Välj också var sociala medier ikoner skulle dyka upp på din webbplats. De tillgängliga positionerna är sidhuvud, sidfot, båda eller ingen.
- sökrutan Lägg till en sökruta som låter dina webbplatsbesökare söka efter allt innehåll i produkter (om du har en butik aktiverad på din webbplats), bilder, blogginlägg och sidor (gallerier, mappar och andra sidor) till din webbplatsrubrik.
- Varukorgsikon – Lägg till en flytande vagn ikon som är lätt att nå och alltid synlig utan att störa din webbplats till din sidas rubrik.
- Menyknapp Lägg till en menyknapp till din webbplatsrubrik, dvs. en uppmaningsknapp som omdirigerar till en angiven URL. Du kan ange etikett och URL för menyknappen. Välj också Knappstorlek att vara Small, Medium eller Large.