Guider/Redigera din webbplats/Redigerare/Stilar/Ram- och skugginställningar

Ram- och skugginställningar

Många block i WordPress-redigeraren innehåller raminställningar för att lägga till en kantlinje runt ditt innehåll. Den här guiden visar dig hur du använder dessa raminställningar.

Kom åt ram- och skugginställningarna

Ram- och skugginställningarna kan tillämpas på hela webbplatsen, specifika element på din webbplats eller på ett enskilt innehållsblock. Alternativet att använda ramar och skuggor visas endast för block som stöder ramar.

För att redigera stilinställningarna för hela din webbplats, följ dessa steg:

  1. Gå till adminpanelen för din webbplats.
  2. Gå till Utseende → Redigerare.
  3. Välj Stilar i menyn till vänster.

Läs mer om att redigera din webbplats stilar.

För att ändra stilinställningarna för ett enskilt block, följ dessa steg:

  1. Gå till adminpanelen för din webbplats.
  2. Navigera till sidan, inlägget eller mallen som du vill redigera.
  3. Välj blocket som du vill tillämpa stilen på.
  4. Lokalisera sidopanelen med blockinställningar.

I de flesta fall kommer stilinställningarna att finnas i sidopanelen med huvudblockinställningar. Ibland visas en separat flik för stilar, representerad av en svartvit cirkel.

Sidopanelen med blockinställningar med en pil som pekar på ikonen Stilar.
En pil som pekar från ikonen ”Stilar” i blockinställningarna mot sektionen ”Ram och skugga”.
Ett exempel på inställningar för ram och skugga i blocket Bild

Visa alla inställningar

Du kan justera utseendet på blockets text med följande inställningar:

Om du inte ser inställningen klickar du på de tre punkterna till höger om Ram och skugga (som visas på den högra sidan). Du kan därefter välja alternativet som du vill komma åt:

  • Ram
  • Radie
  • Skugga
En pil som pekar från ellipsmenyn ”Ram och skugga” mot inställningarna för Ram och skugga.

Lägg till en ram

Inställningen Ram gör det möjligt att lägga till en kantlinje som omger ett block. Du kan välja ramens tjocklek, färg och radie.

Så här lägger du till en ram till ett block:

  1. Välj blocket och öppna blockinställningarna i sidopanelen.
  2. Lokalisera sektionen Ram och skugga i sidopanelen.
  3. Ange ett exakt värde eller dra reglaget för att rita ramen.
  4. Valfritt: Ändra färgen på ramen genom att klicka på cirkeln till vänster om fältet Storlek. Välj en temafärg, en standardfärg eller ställ in din egen färg med hjälp av färgväljaren.

Som standard beräknas värdena för ramen i pixlar.  Klicka på ”px” bredvid fältet för att ändra till en av de andra enheterna (%, em, rem, vw och vh). Läs mer om de olika dimensionsinställningsenheterna.

Video showing how to add a border to an image block.

Justera radie för ram

Inställningen Radie ger blockets kanter ett rundat utseende. Att ställa in radien på 0 innebär att blocket har skarpa kanter, medan en radie på 100 innebär rundade kanter enligt följande:

Ett bildblock med en rundad ram.
Ett bildblock med rundade kanter

Avancerade raminställningar

Du kan vara kreativ med dina inställningar för Ram och Radie. Genom att använda alternativet ”Avlänka sidor” kan du ange ram och radie för respektive sida av blocket.

En ruta ritad runt ikonen för att avlänka sidor, med verktygstipset ”Avlänka sidor”.

Så här anger du en anpassad ram eller radie för respektive sida:

  1. Klicka på ikonen Avlänka sidor till höger om Ram eller Radie.
  2. Ställ in anpassade dimensioner för respektive sida.

Du kan också ange olika färger och stilar för ramen genom att klicka på väljaren för ramfärg och -stil.

Inställningar för ram och radie
Exempel på en anpassad ram och radie för att skapa en unik effekt.

Lägg till en skugga

För vissa block (inklusive Knapp, Bild och Kolumner) är alternativet Skugga tillgängligt och ger blocket en skugga.

Sektionen Skugga öppen, med en pil som pekar på de olika alternativen för skugga.
Ett exempel på en knapp i ett knappblock med en skugga tillämpad.

Välj någon av följande skuggeffekter för ditt element:

  • Naturlig
  • Djup
  • Skarp
  • Markerade ytterkanter
  • Distinkt

Anpassa skugginställningar

Du kan anpassa standardskuggeffekterna eller skapa dina egna genom att använda stilredigeraren.

  1. Gå till adminpanelen för din webbplats.
  2. Gå till Utseende → Redigerare.
  3. Välj ”Stilar” i menyn till vänster.
    • I redigeraren kan du också välja ikonen Stilar i det övre högra hörnet – knappen ser ut som en svartvit cirkel.
  4. Klicka på alternativet ”Skuggor”.
  5. Klicka på namnet för skuggan som du vill anpassa. För att skapa en ny anpassad skugga, klicka på plusikonen bredvid rubriken ”Anpassad” och klicka sedan på namnet för den nya anpassade skuggan.
  6. I skugginställningarna kommer du att se en förhandsgranskning av hur skuggan ser ut, med namnet på skuggan undertill. Klicka på skuggans namn för att justera följande inställningar:
    • Färg: använd färgväljaren för att välja skuggfärg.
    • Utfälld eller Infälld: välj om skuggan ska visas utanför eller inuti elementet.
    • X-position och Y-position: justera hur långt bort från objektet skuggan ska visas.
    • Oskärpa: hur ofokuserad skuggan ska vara.
    • Spridning: hur stor eller liten skuggan ska vara.
  7. När du är klar, klicka på knappen ”Spara” för att spara dina ändringar.

Återställ ram och skugga

Du kan återställa anpassningarna av ram och skuggor för blocket och börja om. Så här återställer du stilarna:

  1. Klicka på alternativen för ram och skugga (de tre vertikala punkterna till höger om sektionsrubriken).
  2. Avmarkera en enskild inställning för att återställa den specifika inställningen, eller klicka på ”Återställ alla” för att återställa alla inställningar.

Om det inte finns något återställningsalternativ finns det inga anpassningar att ta bort.

En pil som pekar från ikonen för raminställningar mot rutor ritade runt de enskilda inställningarna och alternativet ”Återställ alla”.
Copied to clipboard!