Effektiv hantering av bilder i WordPress
WP Fluid Images är ett användbart plugin för WordPress som hanterar bildinlägg i inlägg och sidor. Genom att ta bort fasta bredd- och höjd-attribut från bildtaggar säkerställer det att bilderna anpassar sig efter responsiv design. Detta är särskilt viktigt för teman som är byggda med responsiva metoder. Pluginet lägger även till en stiltagg som sätter en max-bredd på 100%, vilket förhindrar att bilder sträcker sig utanför inläggens eller sidornas bredd.
När användare ändrar storleken på bilder i den visuella redigeraren, laddar WP Fluid Images ett jQuery-skript som analyserar den närmaste överordnade div för bildtaggar. Det beräknar bildens bredd som en procentandel av den överordnade divens bredd och anpassar bildens stilattribut därefter. För bilder i ett galleri beräknas bredden som en procentandel av .gallery-icon-elementet, vilket gör att även dessa bilder får en responsiv hantering.
