Guider/Skapa innehåll/Media/Stilsätt en bild

Stilsätt en bild

Lägg till stilar som filter, marginaler, kanter och skuggor till en bild. Den här guiden beskriver hur du stilsätter en bild på din webbplats.

Tillämpa stilar på en bild

Följ dessa steg för att stilsätta en bild på din webbplats:

  1. Börja med att gå till din WordPress.com-adminpanel.
  2. Redigera sidan, inlägget eller mallen där du lade till bilden
  3. Klicka på den bild du vill stilsätta.
  4. Öppna inställningarna i sidopanelen genom att klicka på ikonen “Inställningar” i det övre verktygsfältet.

Om du inte ser sidopanelen till höger kan du behöva klicka på ikonen Inställningar längst upp till höger för att öppna inställningarna. Den här ikonen ser ut som en fyrkant med två olika höga kolumner.

Inställningsikonen längst upp i WordPress-redigeraren markerad.
Ikonen Inställningar längst upp till höger
  1. Fliken “Stilar” (ikonen ser ut som en svartvit cirkel):
Bildblockets sidopanel med inställningar öppen och ikonen för "Stilar" markerad.
  1. Du kan justera följande stilar:
    • Bildstil: välj mellan standard eller rundad. Rundad blir en kvadratisk bild en perfekt cirkel medan en rektangulär bild blir en avlång form.
    • Filter: Lägg till en tvåfärgseffekt med hjälp av filterinställningen Tvåtonsfärg.
    • Bilddimensioner: Lägg till utrymme runt bilden med hjälp av inställningarna för Dimensioner.
    • Kant och skugga: Ange en kant, radie och skugga för din bild med hjälp av inställningarna för Kant och skugga.

Lägg till CSS till en bild

Du kan skapa en CSS-klass för att anpassa utseendet med CSS-kod.

  1. Börja med att gå till din WordPress.com-adminpanel.
  2. Redigera sidan, inlägget eller mallen där du lade till bilden
  3. Klicka på den bild du vill stilsätta.
  4. Öppna inställningarna i sidopanelen genom att klicka på ikonen “Inställningar” i det övre verktygsfältet.

Om du inte ser sidopanelen till höger kan du behöva klicka på ikonen Inställningar längst upp till höger för att öppna inställningarna. Den här ikonen ser ut som en fyrkant med två olika höga kolumner.

Inställningsikonen längst upp i WordPress-redigeraren markerad.
Ikonen Inställningar längst upp till höger
  1. Öppna inställningarna “Avancerat” längst ner i sidopanelen.
  2. Lägg till eller ändra Ytterligare CSS-klass(er).
  3. Spara dina ändringar och förhandsgranska sidan, inlägget eller mallen för att se den tillämpade CSS-koden.

Återställ bildstilar

Bildstilar inkluderar filter, dimensioner, kanter och skuggor. Följ dessa steg för att återställa en enskild bildstil eller återställa alla stilar på bilden.

  1. Klicka på den bild som du vill redigera.
  2. Öppna inställningarna i sidopanelen genom att klicka på ikonen “Inställningar” i det övre verktygsfältet.
  3. Klicka på ikonen ”Stilar”.
  4. Öppna menyn ”Alternativ” bredvid respektive stilsektion genom att klicka på de tre punkterna () till höger om sektionsrubriken.
  5. Klicka på alternativet ”Återställ” bredvid respektive inställning som du vill återställa. Eller klicka på ”Återställ alla” för att återställa alla inställningsanpassningar.
    • Om ”Återställ” inte är ett alternativ finns det inga stilar att återställa.
Enskilda stilsektioner markerade med en pil som pekar från inställningarna för Kant och skugga på återställningsalternativen.
Copied to clipboard!