As I’m planning on embedding images and videos into the blog, I need to remember that the optimal size using my customizedgrid-focus theme is 700px wide, and around 525px high (though it’s ok to +/- by a hundred px or so).
I use flickr to host my images, so it makes sense to use their flash-based slideshow, if for nothing else other than ease of use (700×525px).
Finally, here’s a static image embedded from flickr, resized to 700×466px (a good size for landscape oriented shots, remember to embed the large via the flickr photo album plugin and resize down in the HTML).
Hopefully this looks ok and I’ll use these defaults in the future. Of course, over at blog.exerro.com, the defaults are 950px wide, and slideshow photos should be 425px high. I’d love a way to do this without using Flash, any suggestions?
Today was a day for new Wordpress templates! As I upgraded blog.http://nickt.com to the grid-focus theme, I was in the mood to continue and upgrade our travel blogs theme. I wanted a different look and feel from this blog, and one that would exhibit photographs well on the front page. I found the theme I was looking for with “Modularity” from Graphpaper Press. I kept a copy of the instructions available.
As you can see, it’s a little bland, but perfect for text-heavy sites. Also, on the front/index page, there were problems with embedded elements and graphics spilling-over into the next column – it looked ugly.
Lately, I’ve been wanting to add more, larger photos in-line in blog posts and I’m embedding more video.
So I hunted around for a new theme. I liked the prophoto themes, but thought they were expensive. Graphpaper Press has some wonderful themes, and in fact I may use one of theme over at our travel blog, but they are also a paid-for commercial product (they are however, exactly what I’m looking for when we travel).
I was happy when I found Derek Punsalan’s site over at 5thirtyone.com. He has a couple of free themes, including the highly visual unstandard theme, and the one I settled on, grid-focus.
Grid-focus enables me to have large graphics and embeds in the post, up to 700px across (I edited the .css file to get more width here at the expense of deleting the third column). This shows off graphics well and eliminates the the problem of overlap between posts.
I’ve decided to start using flickr again as I like how easy it makes blogging. For our travel blog, our workflow is based on Aperture and MarsEdit which in turn upload to both flickr and our WordPress blogs. I’m using flickrexport to get my images out of Aperture.
Here’s a picture of one of my trucks by way of a test.
I’m going to have to remember that the pictures cannot be more than 400px wide given the two column layout in my current template. In MarsEdit, I’ll have to use the “small” size for images.
Today I’ve done the lions-share of the work to upgrade my 3 blogs. Now, I’m not really sure why I have 3 blogs, other than it helps my different personas log their thoughts in appropriate places. The 3 blogs are:
I’ve kept a similar look and feel across all 3, I host them all on Media Temple, which offers a great virtualized service. I’m running Wordpress 2.5 with a mysql backend.
As we’re off traveling again soon (follow our progress on blog.exerro.com), I’ve also started using Marsedit, to allow us both to blog offline and upload text and images whenever we can connect to a ropey internet connection!
