Flickr and WordPress can and should talk nice to each other. But they often don’t. Which is really a shame because they perfectly complement each other. WordPress is the ideal blogging platform and comes with built in image storage so lots of people ask us why we use an outside source?
Simply put its cheaper, more reliable and the loading times are improved.
At the small level of blogging you can get away with hosting your own images. Once your traffic begins to grow however you can quite literally spend 10’s of thousands of dollars a year in hosting bills for photos. Flickr costs $25 a year. Pretty easy decision.
Flickr has big servers and they are very very reliable. So we like them a lot, and they do a lot of things right. However, one feature that they have continually neglected for years, even with frequent and passionate appeal from their users, is to create a simple way to post multiple photos from flickr to a single wordpress post.
You can do it with a single photo per post but not for multiples. Which presents a huge challenge for bloggers. Blogs use pictures and lots of them in a single post. There have been lots of plugins created that have attempted to solve this and after testing dozens I gave up in frustration. Finally one worked, and then mysteriously stopped working a few months later.
I looked for any alternatives to copy and pasting html code into WordPress from Flickr and couldn’t find one. After a quick email to the developer of The Pioneer Woman’s site I discovered even she is still copying and pasting code!
Thus when I found the plugin WordPress Media Flickr I was quite thrilled. It still lacks some functionality I would like to see, like the ability to add full sets at a time or check box off which photos you want to add so you can add them even faster, and the image alignment feature doesn’t work right but these are all small complaints!
Here’s a quick flow of how my photo upload sessions go now:
I preview the images with a Stickies window open (click the top left arrow to keep sticky on top of all windows). As I find images I like I notate their numbers in the sticky note.
I then open the desktop Flick Uploader and the folder that contains my images. I lay out my screen like this so I can see the images, my notes and easily drag the photos into the uploader.
I assign the photos to sets here and name if desired.
Upload complete. I don’t waste time by actually going to Flickr’s site since I already filled in what I wanted to in the sidebar.
In the post I am working on I place my cursor where I want to add the images, and then I click the Flickr logo in the Upload photo area (expand picture to see this better).
This is the screen you can choose photos from. Start with the first photo you want to appear.
I almost always use Medium and Center alignment (which is currently not working). If you want to insert multiple photos be sure to check the box to continue inserting more photos. It automatically remembers your size/alignment settings for the next photos which makes it a fast two click entry for each additional photo.
Once they are in the post they are often stacked side by side.
The easiest way to remedy this is to switch to Full Screen editing and then place a line break or press Enter on keyboard after each photo.
To quickly remedy the alignment issue (if you like your photos centered) I use two methods.
If its an image or two I simply click the image and use the keyboard command Alt- Control- C to align.
If it is a large amount of images though this can be time consuming so I added the Search and Replace extension to my Chrome browser.
With this all I do is switch from Visual to HTML in the post:
And then click the magnifying glass in the top right corner of my browser bar. I search for “alignnone” and replace with “aligncenter”.
One click replaces them all.
And then simply edit and publish away 🙂
You can read about our decision to go with Flickr HERE.