Andreas blogg

Andreas skriver främst om webbens utsida. Snygga sidor och smarta interaktionslösningar intresserar honom.

Jag tänkte tipsa om ett bra tillägg till WordPress som kan vara till stor hjälp vid hantering av bilder på din webbsida, nämligen Multiple Post Thumbnails. Som namnet antyder gör tillägget att du kan hantera flera utvalda bilder för ett inlägg.

Utvalda bilder?

Utvalda bilder (mer kända som ”Featured Images”) låter dig välja en särskild bild som ska representera en post. Detta kan t.ex. vara användbart om du vill publicera utdraget av ett inlägg tillsammans med en särskild bild. Den utvalda bilden kan sedan hämtas ut med funktionen the_post_thumbnail(), var man vill på sidan. Mer om detta går att läsa här.

Att använda utvalda bilder är särskilt intressant när man producerar webbsidor och inte vill låta kunder eller användare röra om för mycket i designen, genom att hantera bilder i WordPress inbyggda redigerare. Om designen innehåller flera sådana bilder kommer Multiple Post Thumbnails väl till hands.

Hur gör man?

Låt oss säga att du vill presentera produkter på ett enhetligt sätt med produktbild, logotyp och en beskrivande text. Genom att att använda två utvalda bilder kan du positionera din produktbild och logotyp var du vill på sidan. I detta fallet kan produktbilden vara den utvalda bilden som beskrivs i tidigare stycke. För den andra bilden använder vi Multiple Post Thumbnails. Den bilden, som vi kallar ”logotype” registreras i functions.php genom följande funktion.

if (class_exists('MultiPostThumbnails'))
{
	new MultiPostThumbnails(array(
		'label' => 'Product logotype',
		'id' => 'logotype',
		'post_type' => 'products'
		)
	);
}

I exempelet har vi registrerat bilden till posttypen ”products”. Logotypen kan sedan hämtas ut på följande sätt:

if (class_exists('MultiplePostThumbnails') &&
MultiPostThumbnails::has_post_thumbnail('products', 'logotype'))
{
	MultiPostThumbnails::the_post_thumbnail('products', 'logotype');
}

Detta är ett bra och smidigt sätt att kontrollera utseendet hos poster i WordPress. Vi har bland annat använt det vid utvecklingen av webbsidan för Stockholm-Uppsala Life Science.

Precis som med vanliga utvalda bilder kan man definiera vilken storlek bilderna ska ha och det går i princip att ange hur många extra bilder du vill.

Skrivet av: Andreas Olsson
Kategorier: Verktyg