Wednesday, May 10th, 2006...3:17 pm
Image Handling with PressRow
What’s the first thing a kid does when you give her a book? She opens it up and turns page after page, looking for pictures. In many ways, the online audience is not so different from that little girl - they scan content in fractions of seconds, looking for bits and pieces of information that appeal to them.
Pictures are one of the very few universal elements you can use to really seize the attention of your audience, and the more effectively you are able to display them, the better off you’ll be. With that in mind, PressRow comes with a set of pre-defined CSS classes that are dedicated solely towards image handling. When you want to include an image, simply add one of these classes and voila! Instant image presentation gratification!
Here’s a brief summary of the included classes along with their behaviors:
- left: aligns the image to the left, adds a frame to the image, and wraps the text around it
- right: aligns the image to the right, adds a frame, and wraps the text
- center: aligns the image in the center of the column, adds a frame, but does NOT wrap text
- left_off: aligns the image to the left, wraps the text, does NOT add a frame
- right_off: aligns the image to the right, wraps the text, does NOT add a frame
- center_off: aligns the image in the center, does NOT wrap text, does NOT add a frame
You are advised not to use images larger than 486px wide within the context of the design, as that could “break” the design in Internet Explorer. Technically, images that use the “center_off” class can be 500px wide, but don’t press your luck, ok? 
Although it may seem strange to some, it is not recommended to use the built-in WordPress image handling functions. Specifically, I’m talking about the alignment option that accompanies image inclusion in WordPress 2.0+. If it were up to me, I would blast the WYSIWYG editor all to hell, and then I’d require that everyone use the regular old post editor. The WYSIWYG editor throws tags around where they’ve really got no business, and the end result is usually some very sketchy formatting. In order to avoid this altogether, I recommend only using the old-style post editor.
15 Comments
May 10th, 2006 at 3:53 pm
[…] about Welcome to PressRow! Image Handling with PressRow […]
May 10th, 2006 at 10:01 pm
[…] Image handling […]
May 26th, 2006 at 3:38 pm
So where would you find the old editor plugin for WordPress?
May 26th, 2006 at 3:47 pm
Sammy, the old editor can actually be accessed through WordPress 2.0+. All you have to do is disable the “rich visual text editor.”
Here’s how you do it:
September 22nd, 2006 at 6:24 pm
Personally, I am so glad to have found such an easy system that I can work
at home effortlessly.
I have been working at home for over 21 years, and finally this vehicle has
come along and has changed my life for the better! It’s about time.
…and I don’t have to Speak-2-no-1 …ever
September 24th, 2006 at 11:24 pm
Hey
Just updated ur site.Image handling wordpress is interesting yaaaaaar.
November 2nd, 2006 at 2:53 pm
Hi there. I was wondering if someone could help me. When I enter an image in a post, I’ve tried adding the class attribute using this format:
But it’s not working! If I take out the .left (or whichever class I try to indicate), the image shows up in the post, but I can’t access these styles.
What am I doing wrong?
Thanks for your help…
November 2nd, 2006 at 2:59 pm
Bill,
When you declare your classes, you must leave out the period — that’s an indicator that is only used inside the CSS, not the XHTML.
So, when you declare your image, do so like this:
<img class="left" src="..." >November 2nd, 2006 at 3:01 pm
Please delete my last post. I’m obviously new to this, and I just realized I was doing it incorrectly. Please excuse my wasting your time, and again, please delete these two posts. Thanks for the great theme…
November 2nd, 2006 at 3:05 pm
Wow, that was fast. Yes, I realized what I was doing wrong after I sent the first post. Thanks so much for your help…it’s greatly appreciated.
December 3rd, 2006 at 2:28 pm
I just switched to this template and love it. Now my pictures are not framed although they were in the prior design I was using.
Any suggestions would be appreciated.
December 10th, 2006 at 12:52 pm
Chris, any chance you’re going to create a random header file for this, like with Cutline?
December 10th, 2006 at 10:09 pm
Erick,
Eventually, I’ll change this theme to accommodate random header images. Right now, I’m overloaded with other things that require my attention, so a new version of PressRow will have to wait.
It’ll happen eventually — I’m just not sure when.
March 1st, 2007 at 12:34 am
[…] Different image styles(classes) for better user experience. Here’s the list of supported classes. […]
July 15th, 2007 at 8:36 am
i use pressrow from within wordpress.com.
did you build something into pressrow thats for adding captions below floating images?
thanks for answering and thanks a lot for this cool theme.
peter.
Leave a Reply
You must be logged in to post a comment.