Öppna blockinställningar
För att öppna inställningarna för ett block hovrar du med muspekaren över det block du vill redigera. Uppe i vänstra hörnet dyker det upp ett kugghjul med texten Block som du kan klicka på.
I inställningarna för blocket hittar du många olika möjligheter att anpassa ditt blocks design och synlighet:
Ställa in bakgrundsfärg
Lägga till bakgrundsbild istället för färg
Då får du även upp nya val där du kan ändra bakgrundsbildens position och fokuspunkt.
Välj bild du önskar som bakgrundsbild genom att klicka på den översta rutan i blockinställningarna.
Strax nedanför bilden ser du inställningen för Upprepa bakgrundsbild. Välj hur du vill din bild ska kunna upprepas eller inte i ditt block.
☝🏼 Viktigt! Om du önskar att kunna flytta bilden inom rutan så som du ser på nedan bildexempel så krävs valet i denna inställning att vara Täck hela området.
När Täck hela området är valt ser du nu även bilden i en andra ruta där du även ser som en cirkel i bilden. Den här cirkeln är flyttbar och för dig att flytta dit du vill att bakgrunden ska centrera till. På detta vis kan du enkelt anpassa hur din bild visas i bakgrunden.
👉🏼 Observera!
När en bild används som bakgrund i ett block indexeras den inte som bild i plattformen vilket gör att t.ex. bildbeskrivning inte aktiveras för SEO-optimering. Däremot om du väljer aktivera Parallax effekt (se nedan punkt) för en blockbakgrund blir den genast klassad som bild = bildbeskrivning aktiveras.
Ställa in Parallaxeffekt (fungerar endast om du valt bakgrundsbild)
Detta gör att bakgrundsbilden rullar långsammare än sidan vilket ger en effekt av att bilden nästan "rullar/rör sig" medans du skrollar över blocket. Vid aktivering får du sedan fram val av hastighet: normal, långsam eller fixerad.
👉🏼 Observera att parallax effekt ej fungerar när du lägger bilden i översta blocket då besökaren inte skrollar över den bilden vilket gör att effekten uteblir. Parallax effekt fungerar inte heller på mobila enheter just nu utan endast i desktopvy, men är något som vi kommer införa framåt i kommande uppdateringar.
Ken burns-effekt
Med denna effekt kommer bakgrundsbilden zoomas försiktigt in och ut vilket skapar en rörlig känsla.
Lägga till videobakgrund.
Här lägger du in URL för din video samt om du vill att videon ska spelas upp som en loop (välj start- och slutsekund). Det finns idag ljudinställningar men generellt accepterar inte webbläsare idag autoplay med ljud vilket gör att ditt klipp kanske inte visas. Vår rekommendation är att stänga av ljudet på klippet där du hostar det.
👉🏼 Notera att vi i nuläget endast accepterar Youtube-videor i denna inställning (till skillnad från Videowidgeten som accepterar flera videoleverantörer). Det behöver också vara en standardvideo då formatet "shorts" fungerar inte) vilket automatiskt videor blir om de är vertikala och under 60 minuter på Youtube).
Lägga till gradientfärg.
Öppna Gradientinställningar för att ställa in start- och slutfärg, typ av gradient (linjär/radiell) samt gradientens grader 0-360°.
Lägga till överdrag.
Välj vilken färg du vill ha på ditt överdrag. Kan användas för att t.ex. göra en bakgrundsbild ljusare/mörkare för att text ska synas bättre. På överdraget får du också chans att lägga till gradientfärg med samma inställningar som ovan.
Välj Bakgrundsmönster
Välj mellan flera förvalda mönster du kan använda i ditt blocks bakgrund, du kan också välja att inte ha något mönster vilket är förvalt.
Välj mönster, färg och avstånd i mönstrets utförande. Här ser du ett exempel där vi har valt prickar i gult med avstånd 121 px.
Lägga till formavdelare.
En formavdelare är en slags övergång mellan dina block som kan ha olika design.
- Välj formavdelartyp (t.ex. kurva, pil, lutning)
- Färg på delare
- Om positionen ska vara i toppen eller botten av ditt block
- Om avdelaren ska flippas (bli spegelvänd)
- Om avdelaren ska inverteras (vändas upp och ned)
Lägga till ankarpunkt.
Välj ett namn för din ankarpunkt. Läs mer om ankarpunkter i denna guide.
Aktivera Bildspelsläge
När denna funktion aktiveras har du möjlighet att skapa flera unika block som sedan bläddrar likt ett bildspel. När funktionen är aktiverad syns i botten av ditt block följande inställningsvy:
Du skapar först ditt ordinarieblock i flik 1. För att skapa fler flikar > Tryck på +tecknet och börja bygg från noll. Då öppnas vårt mallbibliotek för block som vanligt där du kan välja använda en av våra blockmallar eller skapa ett tomt block.
Eller kopiera befintliga fliken genom att trycka på de två små kopiera-fyrkanterna så dupliceras den direkt automatiskt.
Använd papperskorgen när du befinner dig på en befintlig flik för att radera den. Vill du radera alla flikar kommer du behöva först att radera en och en.
Ändra/anpassa ditt bildspelsläge genom att trycka på kugghjulet så öppnas flikläget där du kan välja bland flera inställningar så som:
Hur navigeringspilarna ska visas
Om det ska rulla automatiskt
Visa punkter (som illustrerar för besökaren hur många vyer de är och hur många de sett).
Övergångstyp
Parallaxeffekt på innehållet eller ej
Tangentbordsnavigering eller ej
Villkora när blocket ska synas och för vem genom synlighetsregler
Skapa unika block för bestämda datum/tider, alla eller specifika medlemsgrupper, besökare från vissa länder eller efter viss tid spenderad på sidan. En grym funktionalitet som ger dig stor anpassning och möjlighet att minska admintration i t.ex. kampanjer eller unika erbjudanden för unika målgrupper.
Börja med att välja ditt första (eller enda) villkor. Vill du kombinera flera villkor fortsätter du lägga till fler villkor.
Du kan även välja om varje villkor är ett så kallat "OCH-villkor" eller ett "ELLER-villkor" vilket betyder kort och gott att du väljer om de extra kombinationer är en tvingande kombination eller om det räcker att något av dem uppfylls för att gälla.
Lägg till anpassad klass.
I fältet som visas kan du lägga till anpassade CSS-klasser (egen källkod). Du hittar det allra längst ned i blockets inställningar. Tryck på textraden så öppnas fältet för att lägga in klassen.
Ändra storlek på blocket
Du kan ändra storlek på ett block genom att klicka på de tre prickarna som syns när du hovrar med muspekaren över ett blocks övre vänstra hörn. Och sedan trycka på pilarna Ändra storlek på blocket.
Välj bredd: Inboxad eller Fullbredd
Välj höjd: Vanlig eller Höjd på block
Kopiera ett block / spara ett block
1. För att kopiera ett block >> klicka på de tre prickarna som syns när du hovrar med muspekaren över ett blocks övre vänstra hörn. Välj sedan Kopiera.
2. Uppe i vänstra hörnet i byggaren dyker det då upp en rund ikon med som små fyrkanter i, detta är Sparade block & element.
3. Här visas nu de element du har valt att kopiera (och spara). Det senaste elementet du har kopierat hamnar längst upp i listan. Obs! Block hette tidigare Behållare.
4. Ta tag i det block/element du vill klistra in och dra sedan in det i din sida på önskad plats i byggaren. Precis som när du lägger till t.ex. widgets.
5. Om du vill spara blocket/elementet för att kunna klistra in det fler gånger - t.ex. perfekt med block och element du använder återkommande. Då klickar du på kugghjulet intill det element du vill spara (kugghjulet syns när du hovrar vid det) och väljer Spara. Du får då döpa ditt element/block till ett namn så du vet vad det är, och sen hamnar det i listan/fliken Sparad och kommer finnas kvar där även om du loggar in/ut från Webbas.
Du kan lära dig mer om denna funktion i denna guide.
Dölj ett block
Observera att du kan behöva göra olika åtgärder för att dölja ditt block beroende på vad du önskar att åstadkomma.
Dölja ett block helt på alla vyer (desktop/surfplatta/mobil)
För att dölja ett block klickar du på ögat Dölj det här blocket från live-webbplatsen (skapa utkast) i menyn uppe i högra hörnet. Menyn dyker upp när du hovrar med muspekaren över valfritt block.
När ett block är dolt ser det ut som på bilden ovan. För att visa det igen klickar du på fältet.
I samband med att du döljer ett block sparas den i din Byggare, men visas inte live på webbplatsen i någon vy.
Dölja ett block endast i mobil vy eller surfplattevy (men behålla i desktopvy)
Det kan även vara användbart att dölja vissa block i samband med att du redigerar mobilversionen. För att förstå logiken i detta och hur du gör rekommenderar vi att du tar del av nedan guide:
Dölja ett block i desktopvy men inte i mobil vy
Detta går per teori inte då desktopblocket alltid är det ordinarie i din byggare. Men det finns en workaround om du behöver uppnå detta.
Kopiera det block du skulle vilja endast syns på mobilen.
Sen döljer du blocket i desktop (genom att trycka på ögat till höger som syns när du hovrar över blocket i desktopvyn). Så du döljer det ursprungliga helt.
Sen går du till mobila vyn och klistrar in det block du kopierade i mobila vyn. Då skapar den en mobil version av det blocket som endast syns där och inte i desktop.
Fördröjning att visa block
Om du vill att ett block ska dyka upp/visas på din webbplats efter en viss tid (från det att besökaren kommer in på sidan) så klickar du på tidtagaruret Fördröjning att visa detta element i menyn uppe i högra hörnet. Här ställer du sedan in fördröjningen i minuter och/eller sekunder.
Flytta block upp/ner
För att flytta ett block upp eller ner på en sida klickar du på någon av de pilar som finns i menyn uppe till höger. Menyn dyker upp när du hovrar med muspekaren över ett block.