Pictures are worth a thousand words, or so the story goes. When writing blog posts or any other kind of content on the Internet images are a big key to making the content more understandable and more interesting. A great way to help manage the images that you use for your site is to make use of a photo-sharing website like Google’s Picasa or Yahoo’s Flickr.
I’m partial to Flickr myself. One of its advantages is the large community around it that helps to support each others photographic endeavours. Another is the more recently added Piknic photo-editing service which allows you to make changes and adjustments to your photos directly on the website.
I recently put together this quick “how-to” for a friend of mine and decided that I might as well share it with the world. Without further ado, here is a step-by-step how-to on adding Flickr images to your WordPress blog.
- Open the page of the image you want i
n Flickr: http://www.flickr.com/photos/kmsquared/2195515600/ - Click on “All Sizes”
- For most blogs, the “Medium” sized image is usually sufficient. Its largest side will be 500px with the other scaled to match
- Right-click the link marked “Download this image” link and “Copy Link Location” (Firefox) or “Copy Shortcut” (Internet Explorer)
- On your blog, click the “Add Image” button in the editor
- Paste in the Image URL from #4 (WP will pick up dimensions automatically)
- Done!
To add links back to the image in Flickr…
- Go back to the Flickr page, right-click the “Back to the Flickr photo page” link in the top-left and select “Copy Link Location”
- In Wordpress click on the image that’s been added to your post, and then click the “Add Link” button in the editor.
- Paste the URL for the Flickr photo page
- Done!
6 responses so far ↓
1 Darren // Apr 13, 2008 at 12:07 am
Then in theory, you should be able to tweet better with twitpic too.
2 Rebecca // Apr 13, 2008 at 5:08 pm
Cool - I recently made a screencast for Raul as well for help with getting his images on his WordPress.com blog http://miss604.blip.tv/#814027
3 Raul // Apr 26, 2008 at 6:24 pm
Yeppers. Rebecca did that video to help me make my blog much prettier. Trevor Ingram also did something related. Very cool
Good stuff! Thanks for blogging this!
4 Keith Murray // Apr 27, 2008 at 12:14 am
Glad to be of service! Its funny that I’ve seen several of these tutorials since I posted mine. Weird.
5 gigi // Apr 28, 2008 at 11:34 pm
Thanks for putting this up. I’ve been meaning to find a place to host my pictures since my bandwidth is starting to max out but have been too lazy…now that you’ve put up a tutorial, I really have no excuse to continue procrastinating!
6 shawn // Apr 30, 2008 at 1:42 pm
One problem with using flickr as an integral part of your layout is that there are big red ‘x’s on networks that have flickr blocked. It plays havoc on the design when viewing a page w/ non-locally hosted photos.
Leave a Comment