Guider/Skapa innehåll/Design/Designa dina knappar

Designa dina knappar

Anpassa din webbplats knappar genom att justera färger, typsnitt, kantlinjer, skuggor med mera. Den här guiden går igenom de tillgängliga stilalternativen och hur du tillämpar dem.

Anpassa knappstilar

Följ dessa steg för att anpassa knappstilarna:

  1. Använd Listvy för att välja knappblocket.
"Listvy" öppen och "Knappblock" markerat.
  1. blockinställningarna i den högra sidopanelen klickar du på ikonen Stilar.
Knappblockets sidopanel med blockinställningar med ikonen för stilar markerad.
  1. Anpassa följande stilar för knappblocket:
    • Färg: Välj en bakgrundsfärg för knappblocket. Läs mer om färger.
    • Typografi: Ändra knappens typsnittstyp och storlek. Läs mer om typografi.
    • Dimensioner: Ange utfyllnad, marginal och blockavstånd. Läs mer om dimensioner.
    • Ram: Anpassa kantfärg och -radie. Läs mer om ramar.

Stilsätta enskilda knappar

Följ dessa steg för att tillämpa stilar på enskilda knappar i knappblocket:

  1. Använd Listvy för att välja en enskild knapp i knappblocket.
Listvy i sidredigeraren öppen, med en pil som pekar från listvyikonen på knappblockslistan.
  1. blockinställningarna i den högra sidopanelen klickar du på ikonen Stilar.
Ikonen Stilar för en enskild knapp.
  1. Anpassa följande stilar:
    • Stilar: Välj mellan fyllning och kontur för knappstilen.
    • Färg: Välj text– och bakgrundsfärg för knappen. Läs mer om färger.
    • Typografi: Ändra knappens typsnittstyp, stil och storlek. Läs mer om typografi.
    • Dimensioner: Ange utfyllnaden runt en enskild knapp. Läs mer om dimensioner.
    • Kant och skugga: Anpassa kantfärgen och -radien eller lägg till en droppskugga för knappen. Läs mer om ramar.

Formatera knapptext

Utöver de typografialternativ som är tillgängliga i blockstilarna kan du även tillämpa formatering för knapptexten genom att följa dessa steg:

  1. Använd Listvy för att välja en enskild knapp i knappblocket.
  2. Markera en del knapptext, eller all knapptext, som du vill formatera. 
En knapptext markerad, med en pil som pekar på textformateringsalternativen i verktygsfältet.
  1. Välj bland formateringsalternativen, inklusive:
    • Justera text (vänsterjustera, centrera, högerjustera)
    • Lägg till en länk
    • Fet
    • Kursiv
    • Ikonen Mer inkluderar:
      • Framhäv: Ändra text- och bakgrundsfärgen på bara texten. Använd stilar för att ändra färgen på knappen.
      • Kod inlagd i texten
      • Bild inlagd i texten
      • Tangentbordsinmatningsstil
      • Språkattribut
      • Genomstrykning
      • Abonnent
      • Superskript
Copied to clipboard!