Så gör du bilder större på Tumblr med CSS i ditt tema

Förberedelser

Om du inte har laddat upp ett högupplöst tema, begränsar Tumbl standardlayouten bilder till max 500 px bredd. Vill du visa bilder upp till 1280 px, måste du byta ut taggen {PhotoURL-500} mot {PhotoURL-HighRes} i temats HTML‑kod.

Steg för steg

1. Logga in på ditt Tumblr‑konto och klicka på Inställningar i det övre högra hörnet.
2. Välj ditt blog i den vänstra menyn.
3. Gå till Redigera HTML i Anpassa‑panelen.
4. Tryck Ctrl+F för att öppna sökfältet.
5. Skriv in {block:Photo} och tryck Enter tills du ser koden:
6. {block:Photo} {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
7. Byt ut {PhotoURL-500} mot {PhotoURL-HighRes} (utan citattecken).
8. Klicka på Uppdatera förhandsgranskning för att se ändringarna.
9. Klicka sedan på Spara för att aktivera högupplösta bilder.
10. Avsluta genom att klicka på tillbaka‑pilen och sedan Avsluta för att återgå till din blogg.

Nu kommer dina bilder att visas i upp till 1280 px bredd, vilket ger ett skarpare och mer detaljerat utseende för dina högkvalitativa foton.