Lägga till bild i huvudtexten
Det går bra att infoga bilder i fältet för huvudtexten. Placera markören där bilden ska hamna och klicka sedan på knappen Lägg till media.
Ladda upp bild
Vid klick på knappen Lägg till media öppnas mediaväljaren där det finns olika sätt att lägga till en bild. Antingen genom uppladdning från datorn eller val av existerande bild i mediabiblioteket.
Infoga bild
När en bild är uppladdad hamnar den i mediabiblioteket där den är markerad och redo att infogas. Längst nere till höger finns vissa inställningar, bland annat några olika storlekar. Klicka på knappen Infoga på sida för att lägga till bilden i texten.
Bild infogad
När bilden är tillagd syns den i texten.
Bildinställningar
Genom att klicka på en bild i texten går det att ändra hur bilden ska visas, t.ex. om den ska ligga högerställd.
Beskära bilder för liggande huvudbild
POSK webbplats är designad för att fungera i allt från små mobiltelefoner till stora datorskärmar med en design och layout som anpassar sig, så kallad responsiv design. En konsekvens av detta är att den liggande bilden som visas som huvudbild på många sidor ändras dynamiskt och beskärs olika beroende på webbläsarens bredd, för att bibehålla samma höjd.
Ju bredare webbläsarens fönster desto mer beskärs bilden. Detta gör att inte alla bilder passar som huvudbild och att vissa behöver beskäras för att bättre fungera. Ett klassiskt exempel är bilder på en grupp personer vars huvuden försvinner när bilden beskärs mer, då personernas ansikten inte befinner sig i mitten av bilden, i höjdled. Se exempel nedan från Tranås.
WordPress innehåller verktyg för att beskära bilder som kan användas för att minska den här typen av problem.
För att ändra beskärningen av bilden går vi till redigeringen av sidan.
Det är den bild som kallas Utvald bild som används som huvudbild för en sida. Klicka på bilden för att ändra eller byta ut den.
Klicka på länken Redigera bild för att komma till WordPress bildredigeringsverktyg.
Nästa serie steg är inte helt intuitiva (förhoppningsvis kommer detta att förbättras i kommande versioner av WordPress).
För att beskära en bild ska man börja med att klicka och dra någonstans i bilden. Då skapas en rektangulär markering som man sedan kan flytta runt och justera sidorna på.
I vårt fall är målet att centrera personernas ansikten någorlunda i bilden, i höjdled. Exakta bildförhållandet spelar inte så stor roll, bara det är en bred liggande bild. Gör den inte alltför smal i höjdled.
När man är nöjd med beskärningen och vill spara den kan det verka förvirrande att knappen Spara inte går att klicka på. Det beror på att man först måste trycka på beskärningsknappen ovanför bilden, för att utföra själva beskärningen.
När beskärningen är utförd går det bra att spara bilden. Klicka på Spara-knappen.
Observera att WordPress är smart nog att aldrig ändra originalbilden. Det går alltid att gå tillbaka och återställa originalbilden om man vill. Mer om det lite längre fram.
Klicka på Ange utvald bild för att välja denna nya, beskurna version som utvald bild för sidan.
Slutligen, kom ihåg att uppdatera sidan med den nya bilden, genom att klicka på Uppdatera-knappen.
Om vi laddar om Tranås sida ser vi nu att det ser mycket bättre ut än tidigare om webbläsarfönstret är riktigt brett. Helt perfekt är det dock inte, en person är fortfarande beskuren.
För att göra om beskärningen behöver vi först återställa bilden till originalet. Som nämndes ovan sparar WordPress bara en kopia när en bild redigeras, originalet som laddades upp är alltid orört och finns kvar.
Gå tillbaka till redigeringen av sidan och klicka på bilden.
Klicka på Redigera bild.
Klicka på rubriken Återställ ursprunglig bild för att fälla ut den rutan som innehåller knappen Återställ bild. Klicka på knappen för att återställa bilden.
Ingen vidare åtgärd behövs, bilden är nu återställd till originalet.
Då är det dags att göra om vår beskärning. Här väljer vi att ta med mer luft ovanför personerna och beskära hådare i botten.
Klicka på knappen för beskärning för att utföra beskärningen.
Klicka på Spara-knappen för att spara den nya beskärningen.
Klicka på Utvald bild för att ange den nya beskärningen som utvald bild.
Slutligen, klicka på Uppdatera för att spara den nya utvalda bilden på sidan.
Än en gång laddar vi om sidan och nu har vi äntligen en bild som fungerar även i väldigt brett format!
Bädda in video
Bädda in video från t.ex. YouTube eller Vimeo är mycket enkelt. Det behövs ingen speciell inbäddningskod utan allt som behövs är URL:en (länken) till videon, till exempel:
https://www.youtube.com/watch?v=3l4qIX_PTDA
Klistra in videolänken i textfältet…
…så byts den automatiskt ut mot en inbäddad video.
