Section

Big Banner V1

Med den här modulen kan du skapa en banner som sträcker sig över hela webbplatsens bredd. Modulen används oftast högst upp på startsidan och ger dig möjlighet att kombinera bakgrundsbild, rubrik, text och knappar för att skapa ett starkt första intryck och guida besökaren vidare.

Exempel

Här kan du se exempel på Big banner V1:

Wasabi Web’s demosida

Så här kan Big banner V1 se ut:

Användning

Image

Image – Klicka på Add Image och välj vilken bild du vill lägga till. Du kan välja en bild från bildbiblioteket eller ladda upp en ny genom att klicka på Upload.
Align – Justera vilken del av bilden som ska vara i fokus/ centrum.
Mobile image – Välj om du vill ha en separat bild som ska visas på mobila enheter.
Background overlay – Justera hur ljus eller mörk bilden ska visas genom att lägga till ett färg- eller tonlager över bilden.
Slider – Kryssa i rutan om du vill visa ett bildspel som automatiskt växlar mellan flera bilder. Välj vilka bilder som ska visas. Vi rekommenderar högst 5 bilder. När Slider är aktiverat används inte eventuell bild eller video som valts under Image.

Video

Video – Klicka på Add File och välj vilken video du vill ha. Videon ska vara i MP4-format och den bör inte vara längre än 15 sekunder.
Autoplay – Välj om du vill att videon ska spelas upp automatiskt i mobila enheter.
Videocover – Välj om videon inte visas 100% i höjd och bredd.
Pause button – Välja att inte ha en (default) eller välj vart du vill ha en (bra för WCAG).

Content

Small title – Lägg till en underrubrik.
Big title – Lägg till en huvudrubrik.
Text – Lägg till texten som ska visas i bannern. Du kan även lägga till exempelvis en ikon via Add media.
SEO Title – Välj vilken rubrik som ska användas som SEO-titel. Du kan välja mellan Small title och Big title. SEO-titeln används av sökmotorer och är viktig för sökmotoroptimeringen

Buttons

Type – Välj vilken typ av länk knappen ska ha.
- Internal – Länkar till en sida inom den egna webbplatsen.
- External – Länkar till en extern webbsida.
- Modal – Öppnar innehåll i ett popup-fönster ovanpå den aktuella sidan.
Icon – Välj om knappen ska ha en icon.
Link – Ange länken som knappen ska leda till.
No Follow – Kryssa i om länken inte ska följas av sökmotorer.
Style – Välj knappens utseende.
Background – Välj knappens bakgrundsfärg.

Layout

Center – Klicka i denna ruta om du vill centrera eventuell text och knapp, annars ligger det vänsterställt.
Invert header – Ändra färgen på sidhuvudet för att skapa bättre kontrast mot bakgrundsbilden.
Content color – Välj om texten ska vara ljus eller mörk.
Hide gradient – Klicka i den här rutan om du vill att bilden ska tonas ut mot kanterna.
Big title size – Välj storlek på rubriken.
Big title line height – Justera avståndet mellan raderna i huvudrubriken..
Inline buttons – Visa knapparna bredvid varandra istället för att låta dem ta upp hela bredden.
Full height – Låt bannern fylla hela höjden på webbläsarfönstret.
Content width – Välj hur bred texten få vara i bannern.
Show scroll indicator – Visa en indikator längst ner i bannern som visar att besökaren kan scrolla ner. Funktionen kan användas när Full height är aktiverat.
Background fade – Skapa en färgövergång från bilden till en vald bakgrundsfärg.
Background fade size – Välj hur stor färgövergången ska vara.
Background fade color – Välj vilken färg som ska användas i färgövergången.

Upptäck alla våra andra moduler

All Articles Sections Banners Modals Discontinued Footers Headers Sides Others

Hjälpte manualen dig?

Skriv gärna din åsikt här och skicka till oss

Behöver du mer hjälp?

Hittar du inte modulen på din sajt? För att optimera din pagespeed är den förmodligen inte aktiverad ännu! Eftersom för många aktiva moduler på sajten kan påverka pagespeed är de man inte använder ofta inaktiva. Om det finns någon modul som du vill använda är det bara att kontakta oss, så aktiverar vi den åt dig!

Om modulen inte är 100% det du är ute efter kan du även ta kontakt med oss så kan vi göra custom justeringar på modulen så den passar just dina behov.

Kolla gärna på våra andra moduler med! Kanske har vi redan en modul som passar dig, självklart helt kostnadsfritt om du använder WW Platform.

Visa alla moduler

Utmärkelser & Media

Nyhetsbrev

Följ vad som händer på Wasabi Web

Få uppdateringar kring vad som händer på Wasabi Web och få de senaste nyheterna direkt i inkorgen. På så sätt riskerar du inte att missa något viktigt inom digital marknadsföring, design och säkerhet.

Prenumerera
E-post

Ogiltigt

Jag godkänner e-post används för att få Wasabiwebs nyhetsbrev.

Obligatorisk