Nautilus theme for wordpress
UPDATE: I have rebuilt the Nautilus theme to make it compatible with Wordpress 2.2. Make sure you read the readme, as there’s some plugins to be used!Check out the new screenshots too:
Index page
Archives page
Monthly archive
Page page
‘Lights out’ page
[June 21st 2007]
Nautilus is a modified version of K2 for wordpress, which allows you to use the K2 platform as a photoblog. Cool huh?It looks a bit like this:
Disclaimer:
I am in no way a wordpress, K2 or code of any sort expert! I wrote this tutorial and made my theme available for download because a few people asked me to. There are probably more efficient and/or elegant ways to achieve the same results. If you work them out, please let me know! If you have any problems I’ll be happy to try and help you fix them if I have the time, but please don’t rely on it, or come complaining if it doesn’t do what you hope!
How to use Nautilus
Nautilus was set up to use images hosted on flickr. Flickr is fab, and if you haven’t already, I strongly suggest you get an account there. However, I do not use flickr’s “blog this” function, because the API will only push images up to 500px wide, which I didn’t feel was big enough for a photoblog. I therefore manually paste the image url’s when writing a post. The principle should be the same if you’re uploading your own images. Essentially, you need a full size image and a 75px square thumbnail for each post.In the main post textbox, you need to paste the full size image. The css will constrain an image of any size to fit the width of the template. HOWEVER, Safari will not maintain the image proportions and will distort your image. Therefore, the best option is to specify an image width of 740px (no need to specify height).Make the most of the < !--more--> tag to split the post. Anything after this will only appear on the single post page, and will not show up on the main page. I put the image description and a link back to flickr here, so just the photo appears on the main page.You need to specify an optional excerpt for the archives pages to work (see the section on archives). This is where you use your thumbnail image (in flickr you just use the url with ‘_s’ at the end). Don’t put anything else in here.That’s it, you’re done! It seems a bit of a faff at first, but is quick once you know what you’re doing. An example post:
< img src=”http://farm1.static.flickr.com/136/12345678_b.jpg” alt=”Vanilla Mocha” width=”740px”/ >< !–more–>< p>Coffee of the week at Ladah, my new favourite coffee place in town.Optional Excerpt:< img src=”http://farm1.static.flickr.com/136/12345678_s.jpg”>That’s all folks, hope you find it useful!
