Bilder ökar din webbplats visuella attraktionskraft, förmedlar information effektivt och förbättrar dina besökares upplevelse. Den här guiden kommer att visa dig alla olika sätt som du kan lägga till bilder på en WordPress-webbplats.
Det finns många saker du kan göra med bilder, så vi har delat upp dem på flera sidor:
- För att kontrollera vilka typer av bildfiler du kan ladda upp till WordPress.com, se guiden Godkända filtyper.
- Ladda upp en bild till din webbplats genom att använda bildblocket.
- Ladda upp ett galleri med hjälp av galleriblocket eller blocket Mosaikgalleri.
- Ladda upp ett bildspel med hjälp av bildspelsblocket.
- Ladda upp en bild i sidhuvuds- eller bannerstil med hjälp av omslagsblocket.
- Lägg till en bild sida vid sida med text med hjälp av media- och textblocket eller jämför två bilder med hjälp av bildjämförelseblocket.
- Hitta gratis bilder att använda för din webbplats via dessa källor.
- Beskär, ändra storlek på, rotera och justera bilder samt lägg till bildtext med hjälp av blockinställningarna i WordPress-redigeraren.
- Läs mer om dessa inställningar i guiden för bildblocket eller utforska våra andra mediablock.
- Visa och ta bort bilder på din webbplats med hjälp av sektionen Media i din adminpanel.
- Du kan också rotera, beskära och vända bilder i Media. Se Redigera en bild i Media för mer information.
- Optimera dina bilder för att säkerställa att de laddas snabbt och tar upp minimalt med lagringsutrymme.
- Felsöka bilduppladdningar – Går det inte att ladda upp dina bilder? Här är några tips för hur du laddar upp bilder utan problem.
- Felsöka suddiga bilder – Se varför bilder kan se suddiga ut på din webbplats även om originalbilden som laddats upp är av god kvalitet.
Här är några exempel på hur du kan visa dina bilder i WordPress-redigeraren. Bilderna kommer att se olika ut beroende på vilket tema du använder på din webbplats, så prova på din webbplats!
Alla bilder är tagna från Pexels kostnadsfria bildbibliotek.
Använd bildblocket för att lägga till enskilda bilder.
Standardstil:
Rundad stil:
Om du vill visa två bilder bredvid varandra kan du använda galleriblocket:
Om du redan har infogat en enskild bild kan du snabbt dra och släppa en andra bild bredvid den. När du drar bildfilen från din dator håller du in den tills en vertikal linje visas bredvid din första bild. Därefter släpper du den. Här är en videodemonstration som visar hur du drar och släpper en ny bild bredvid en befintlig bild:
Använd media- och textblocket för att placera en bild (eller video) sida vid sida med text. Det har också ett praktiskt alternativ för att stapla media och text på mobila enheter:
För fler alternativ för att omsluta text runt en bild, besök vår guide Justera bilder med text.
Använd ett omslagsblock för bilder i sidhuvud- och bannerstil i full bredd. Du kan ställa in bilden på en fixerad bakgrund (även känt som en ”parallaxeffekt” eller ”parallaxbläddring”), lägga till ett färgöverlägg och till och med lägga till text och annat innehåll ovanpå bilden.
Fixerad bakgrund med parallaxeffekten:
Ej fixerad bakgrund:
Använd galleriblocket för att visa flera foton arrangerade på attraktiva sätt.
Använd bildspelsblocket för att dela många bilder utan att de tar upp för mycket plats på en sida eller i ett inlägg.
Blocket Mosaikgalleri finns i fyra olika stilar:
- Mosaik sida vid sida
- Cirkulärt rutnät
- Rutor sida vid sida
- Kolumner sida vid sida
Mosaik sida vid sida
Cirkulärt rutnät
Rutor sida vid sida, med ett alternativ för rundade hörn
Kolumner sida vid sida
Använd bildjämförelseblocket för att placera två bilder sida vid sida (eller över och under varandra) och använd ett skjutreglage för att avslöja skillnader mellan de två bilderna.
WordPress.com Support 