WordPress Staff Directory Work Around

I found a quick workaround for the Staff Directory plugin to resize the photos from the Lifetouch CD. So there’s no need to resize or process all of those photos.

Modify the code in the template section to add an extra <div> for the photo:

[staff_loop]
<div style=”width:143px; height: 300px; float:left; font-size:12px; line-height:16px;”>
<div style=”width:128px;”>[photo]</div>
[name]<br />
[position]<br />
[phone]<br />
<a href=”mailto:[email]”>Email</a><br />
[bio_paragraph]
</div>
[/staff_loop]

Example:

http://devcalyoung.4j.lane.edu/?page_id=36

All of those photos are actually bigger. Load times don’t seem to be a concern.

From: James Grubic,  August 8, 2014

Posted in: Applications