Ultimate Photo Widget
PLEASE NOTE: I am not currently updating this plugin. Please try out the plugins at the Alpine Press if you are looking for more features.
This page shows examples of the Ultimate Photo Widget for WordPress in action. A description of how the plugin works as well as ways to troubleshoot common problems is available at Electric Tree House. The Ultimate Photo Widget is able to retrieving photos from your Flickr, Tumblr, or Pinterest pages and to display them on a WordPress site. The main intent of this widget is to retrieve photos from various popular websites and display them in a stylish and uniform way. There are currently four display styles: vertical, tiles, square tiles, and slideshow. This lightweight but powerful widget takes advantage of WordPress’s built in JQuery scripts to create a sleek presentation that we hope you will like. As we continue to improve this widget, look out for new display styles and additional photo sources. The Ultimate Photo Widget can be downloaded at WordPress.org or by going to the Plugins->Add New page of your WordPress site and searching Ultimate Photo Widget.
The slideshow display option utilizes a JQuery script to create the dynamic output you see below. The photos below were all retrieved from my Flickr feed. The small slideshow has photos of size 240px (the length of the longest side) and the large slideshow uses size 640px photos. The small slideshow is using the Fade style with the “Next” and “Prev” buttons removed and the large is using the Rotate style. In both cases, the photos are re-sized to fit into the slideshow container, creating a compact way of viewing a collection of photos.
Small Slideshow
Large Slideshow
The photos used to generate the vertical, tiles, and square tiles displays were all of size 240px (the length of the longest side). The photos are cropped using JQuery in the tiles and square tiles options. You can see an example of the Vertical style below and an example of the Tiles style in the right sidebar of this page.
On a final note, the photo collections were inserted into this page using the Ultimate Photo Widget shortcodes. For example, the vertical display was inserted by placing the fallowing code in the text of the page:
[ultimate-photo source="flickr" type="user" uid="70324072@N04" display_link="1" size="240" style="vertical" num="4" align="center" ]
You can create your own shortcodes by going to Plugins->Ultimate Photo Widget on your WordPress admin page.
Awesome! I love it and hope to use the widget on my personal and my client’s websites. Thanks!
Awesome just wishing for smug mug integration
Would love to see TwitPic added to the options
Nice ! It would be very great if you add picasa integration !
Fantastic plugin.
Thanks a lot!
Thanks, I love it.
I’m using it in a normal site as a widget without any issue but I can’t make it work on a different site with a specific theme for mobiles. In there I’m trying to post it as a Page.
If I edit the page on the browser there is just no track of my code which is something like this:
[ultimate-photo source="flickr" type="set" set="xyz1234" uid="abcd7890" size="500" style="slideshow" num="12" slideshow_style="1" align="center" reduced_width="320" ]
I’m sorry,but I don’t understand your question. What do you mean “there is just no track of my code”? Also, I cannot really help determine what the problem is without seeing the website.
Hi Eric, thanks for your quick response.
My WP Page has this under the HTML tab (I rather prefer to keep the site discreetly hidden until this is fixed so I have to use here fake Flickr, Tumblr and Pinterest accounts):
Pinterest
[ultimate-photo source="pinterest" uid="qwerty" display_link="1" link_style="tiny" size="192" style="vertical" num="6" align="center" disable_link="1" ]
Flickr
[ultimate-photo source="flickr" type="set" set="7215762xyz" uid="77926abcd" size="500" style="slideshow" num="12" slideshow_style="1" align="center" reduced_width="320" ]
Tumblr
[ultimate-photo source="tumblr" uid="qwerty" display_link="1" size="250" style="vertical" num="6" align="center" disable_link="1" ]
But instead, when you visit the site, the code of my page just shows:
Pinterest
Flickr
Tumblr
It sounds to me like the theme or WP installation you are using is disrupting WP’s shortcode functions. Your site should load the plugin when it finds the shortcode, but if you are seeing the code, it means that your site isn’t loading the plugin. Sorry, but I don’t think there is anything I can do.
Where would the Pinterest id be found?
The ID is your username. If you go to your pinterest page, the URL will be pinterest.com/your-username. Hope that helps.
Hi Eric, for some reason the current Theme was disrupting the shortcode functions. I changed Theme and it’s working fine now. Thanks!
I like it. Its working great for even a guy that knows next to nothing about the wordpress
Hi Eric! I installed the plugin corectly, check my tumblr id but no images displayed… any idea? Thanks in advance and bravo for your work. I’m following some of your boards on pinterest
I assume you mean my girlfriend’s board. I’m more into programming and Kylin’s into fashion and cooking, not to suggest that the two are mutually exclusive. Anyway, I tried the widget with thepinkchaos (i.e. Tumblr ID: thepinkchaos.tumblr.com ) and it worked just fine. Can you get other tumblr sites to work?
Awesome Awesome Awesome! I currently use this plug in to pull photos from my town. I talked a photographer into posting the pics on a special board on Pinterest. I have future plans to get the animal shelter to post the animal of the week onto Pinterest. Your plug in makes everything automatic so I can concentrate on getting advertisers! I’m meeting next week with a music venue and I want to use the same idea to get all the Tomball Entertainment venues to pull onto my site…maybe I’ll use Tumblr next.
Thanks so much for the Awesome plug in! Did I mention that it is Awesome?
Hi Eric thank you.
I’m wondering if there’s some code to add so that I can display only some photos (only photos tagged as #diary) from my tumblr (federicociamei.tumblr.com)
thank you again
Federico
At the moment, no. I’m working on improving the plugin, but it is not ready.
hi, is there a way to show pictures horizontally, just like the tiles style, but only showing the small images, not the big ones, that’d be really helpful, thanks!
Currently, there is not, sorry.
[...] This plugin relies upon WordPress’ built-in jQuery scripts to present the images in a variety of ways, including slideshows and tiled. You can see a demo of the plugin’s functionality here. [...]
thanks for the response, i got another question, i’m using the sidebar.php manually, because i got some php codes that wordpress don’t support, is there a way to add this wonderful plugin via php? because the shortcode does not show up on the sidebar
Yes, using php it is actually pretty simple. All you need to do is add
< ? php echo do_shortcode( ['ultimate-photo-widget' *settings* ] ) ? >where *settings* represents all the parameters you set.
[...] This plugin relies upon WordPress’ built-in jQuery scripts to present the images in a variety of ways, including slideshows and tiled. You can see a demo of the plugin’s functionality here. [...]
Hi, thanks for answering, i tried to use the following code but it gives me an error:
It reads:
Parse error: syntax error, unexpected ‘[‘, expecting ‘)’ in wp-content/themes/sunny-blue-sky/sidebar.php on line 10
thanks
Sorry, I was being a little sloppy. The actual shortcode needs to be correctly placed in quotation marks. It should look something like this…
< ? php
$code= ‘[ultimate-photo source="tumblr" uid="kylinuntitled" size="75" style="vertical" num="1" align="left" ]‘;
echo do_shortcode( $code);
? >
yeah, it worked. thanks a lot!
Hello Eric, thanks for this great and easy plugin! New to wordpress I have been searching through a lot of gallery/slideshow plugins to find something that works for me.
Is there any way around the number of photos of max. 20? – I would like the possibility of more… or are there any plans of developing this?
Love Dot
Using Flickr, you can get up to 500 images ( try a new plugin I’ve just released, here ). For Pinterest, it is not yet possible because they have not yet released their developer tool, but I’m sure it will become possible in the future. For Tumblr, it is possible but I think it’s a bad idea. Tumblr will only send 20 images per request and sending multiple requests for something static like this plugin will just make the load time really long. If the plugin did some fancy loading like a google image search, it would make sense to do more than 20…
Cool – I am using flickr, so this is perfect for me
Will try out your new plugin soon. Thank you!
This plugin is great so far. It would be awesome if you did more options like your Flickr photo-tile but for Tumblr. I would also love the option to just load the images in a lightbox, or the entire link. And also having the thumbnails fill the body rather than just a line break after all the images.
I’m working on updating the Ultimate Photo Widget, but I need to fix the individual parts before I combine everything together. I cannot really say when the new versions will be available. Thanks for the support.
I’m displaying the widget outside of one of the sidebars and I’ve got it working more or less. But I can’t seem to figure out how to set some of the settings in the shortcode. Here’s what I’m using:
$code= ‘[ultimate-photo source="tumblr" uid="XXXXX"
size="400"
style="slideshow"
num="3"
align="center"
display_link="0"
reduced_width="360"
fixed_height="1"
remove_NextPrev="1" ]‘;
Is there an easy way to generate the shortcode for the settings somewhere that I’m not seeing? I’ve looked at Plugins->Ultimate Photo Widget on my WordPress admin pages and I don’t see anywhere to generate the code. Fixed_height & remove_nextPrev don’t seem to have any affect.
Thanks in advance for your help.
oops, never mind, finally found the generator, i was looking under the widgets page…. doh!
Hello, just wondering if there’s any way this plugin can update the order of posts? I have several instances of this pulling in lots of different Tumblrs but I’d like the most recent content to appear first. Perhaps an addition of another plugin?
Thanks
Sorry but no, the plugin cannot change the post order. The plugin simply displays the posts in the order that Tumblr sends them. I’m surprised to hear that this is any different than on your tumblr site. I’ll have to check if tumblr has made any changes to the way they send the information.
Awesome plugin! It is possible to wrap text around the slideshow?
I love your plugin, I think it is beautiful and easy to use. But I would like to make a suggestion, it would be wonderful if you could add a description of the photo below the image.
Thanks a lot
I’ll see what I can do.
Thanks Eric