Sidhuvudet (Header) på din webbplats är vanligtvis där du hittar webbplatsens titel, en företagslogotyp och navigeringslänkar till andra sidor. Sidhuvudet placeras vanligtvis högst upp på webbplatsen.
Varje mall i Loopia Sitebuilder har ett Header-block som standard, så du behöver inte lägga till det manuellt om du inte har tagit bort det.
Om du tagit bort det klickar du på Plus (+)-knappen högst upp på sidan, väljer Header i Block library och klickar på den header-layout du vill lägga till.
Du kan också använda Undo-knappen i topplistan för att ångra åtgärden.
Obs: Du kan bara ha ett Header-block per sida.
Ändra layout på Header-blocket
Att ändra layout på Header-blocket skiljer sig lite från andra block. Standard-headern har ingen Switch block layout-knapp i Block settings.
Obs: Header-layouten kan vara sidspecifik, men innehållet är globalt.
Så här ändrar du header-layouten:
- Välj plats för Header-blocket och klicka på (+) Plus-knappen.
- I Blocks library, navigera till Header-sektionen och klicka på den blocklayout du vill ha.
- Eftersom du bara kan ha en header per sida visas meddelandet Block replacement. Klicka på Replace.
Den gamla headern ersätts med den nya layouten.
Obs: Du kan alternativt bara ta bort din standard-header och lägga till en ny. Då slipper du Block replacement-meddelandet.
Den nya headern kommer också att ha en Switch block layout-knapp i Block settings > Layout, så du slipper ta bort den och lägga till en ny igen om du vill ändra layout en gång till.
Header-blockets element
De element du kan lägga till i Header-blocket är:
- Företagets sociala profiler
- Företagets telefonnummer
- Företagets logotyp
- Webbplatsens namn
- Navigering
- Primärknapp
- Sekundärknapp
Låt oss titta på hur du kan ändra vart och ett av elementen.
Anpassa Header-blockets inställningar
Du kan anpassa Header-blocket med hjälp av dess kontrollpanel. För att aktivera den, håll muspekaren över blocket och klicka sedan på ikonen Block settings.
Blockinställningsmenyn består av två flikar: fliken Layout och fliken Appearance.
I fliken Layout kan du välja vilka element som ska visas i headern. (I vissa mallar är de flesta ofyllda som standard.) Markera önskade kryssrutor för att lägga till eller avmarkera för att ta bort alternativen från headern. Designen uppdateras automatiskt.
Om du markerar alla element i fliken Layout och de inte ryms på en rad, läggs en extra rad till högst upp i headern.
I fliken Appearance kan du:
- Välja färgschema för Header-blocket: Klicka på blockets färgschema och färgen justeras direkt.
- Justera blockets mellanrum: Dra övre eller nedre reglaget åt vänster för att öka mellanrummet och åt höger för att minska det.
- Göra headern sticky: Få headern att fastna högst upp på skärmen när besökaren scrollar nedåt genom att markera kryssrutan Make header sticky.
- Låta den ligga ovanpå nästa block: Gör headern transparent genom att markera alternativet Overlay next block. Headern anpassar sig efter bakgrundsfärgen på nästa block.
- Ändra logotypens placering: Du kan placera den till vänster om navigeringen eller centrera den.
- Lägga till en avgränsare: Aktivera den här inställningen och justera tjockleken på avgränsningslinjen mellan Header och Headline-blocket.
Obs: När du redigerar elementen i ditt Header-block på en sida tillämpas ändringarna även på Header-blocken på alla andra sidor. Header-blocket har samma layout på alla sidor det läggs till på.
Lägga till en logotyp i din header
Du kan aktivera en logotyp i din header genom att kryssa i alternativet Business logo i Layout-sektionen av Block settings-menyn.
Lägga till och redigera länkar till sociala medier
Du kan lägga till länkar till dina profiler på sociala medier i din header. Kryssa i alternativet Business social profiles i Layout-sektionen av Block settings-menyn.
Observera att färgen på ikonerna ställs in av webbplatsens palett.
Ändra telefonnumret
För att visa ditt företags telefonnummer, aktivera först alternativet i Block settings-menyn.
För att redigera telefonnumret, klicka på det så omdirigeras du till fliken Business info där du kan ändra telefonnumret och annan företagsrelaterad information. Telefonnumret distribueras automatiskt till alla sektioner på din webbplats där det behövs.
Lägga till navigeringsmenyn
Navigeringsmenyn, precis som alla andra element på din webbplats, kan läggas till eller tas bort i Layout-sektionen av Block settings-menyn.
Redigera knapparna
Ditt Header-block kan innehålla upp till två knappar. Kryssa i eller ur Primary button (fylld med färg så att den syns mer) eller en Secondary button (endast kantlinje) i Layout-fliken i Block settings.
För att länka en knapp, klicka på den och klicka sedan på länkikonen. Du uppmanas att hantera länken.
