Picasa Photos

 

Google Photos vs. Picasa (#)

With the shift from PicasaWeb to Google Photos, Google has killed the capability to display all photos in a single shot for unauthorized users. You could, earlier, display photos for a user in Picasa use the following syntax:

 [gallery type='picasa' user_id='xyz' kind='photo'] 

However, now the above will work only if you enable back-end authentication by providing a “Refresh Token” in Photonic → Settings → Picasa → Picasa Options → Refresh Token (for Back-end / Server-side Authentication). See this for details.

Displaying All Photos (#)

The following pulls some of my photos. The key parameters here are user_id (set to my user name), kind (set to photo), and max_results (limits it to some instead of all photos):

[gallery type='picasa' user_id='sayontan' kind='photo' layout='random' max_results=30]
Hippo
Elephant
Rhino
Kudu
Water Monitor
Kingfisher
Giraffe
Zebra
DSC_0032.JPG
IMG_0186.JPG
IMG_0143.JPG
IMG_0101.JPG
DSC_3255.JPG

Photos from an Album (#)

If you want photos from a specific album you can say:

 [gallery type='picasa' user_id='xyz' album='abc'] 

Here are the photos from one of Kokonad’s albums (authkey protected):

  • DSC_4218.JPG
  • DSC_4219.JPG
  • DSC_4220.JPG
  • DSC_4221.JPG
  • DSC_4222.JPG
  • DSC_4223.JPG
  • DSC_4224.JPG
  • DSC_4225.JPG
  • DSC_4226.JPG
  • DSC_4227.JPG
  • DSC_4228.JPG
  • DSC_4229.JPG
  • DSC_4230.JPG
  • DSC_4232.JPG
  • DSC_4234.JPG
  • DSC_4235.JPG
  • DSC_4236.JPG
  • DSC_4237.JPG
  • DSC_4238.JPG
  • DSC_4239.JPG
  • DSC_4242.JPG
  • DSC_4243.JPG
  • DSC_4245.JPG
  • DSC_4246.JPG
  • DSC_4247.JPG
  • DSC_4248.JPG
  • DSC_4250.JPG
  • DSC_4252.JPG
  • DSC_4253.JPG
  • DSC_4254.JPG
  • DSC_4255.JPG
  • DSC_4259.JPG
  • DSC_4260.JPG
  • DSC_4261.JPG
  • DSC_4264.JPG
  • DSC_4265.JPG
  • DSC_4266.JPG
  • DSC_4267.JPG
  • DSC_4270.JPG
  • DSC_4271.JPG
  • DSC_4272.JPG
  • DSC_4273.JPG
  • DSC_4275.JPG
  • DSC_4276.JPG
  • DSC_4277.JPG
  • DSC_4278.JPG
  • DSC_4280.JPG
  • DSC_4281.JPG
  • DSC_4283.JPG
  • DSC_4288.JPG
  • DSC_4290.JPG
  • DSC_4293.JPG
  • DSC_4297.JPG
  • DSC_4300.JPG
  • DSC_4305.JPG
  • DSC_4308.JPG
  • DSC_4314.JPG
  • DSC_4317.JPG
  • DSC_4318.JPG
  • DSC_4321.JPG
  • DSC_4322.JPG
  • DSC_4323.JPG

Though the above album is authkey protected, I am authorized to see the photos. So I can display them using my “Refresh Token”, without providing the authkey.

You can add further constraints such as the number of photos and the number of photos per row:

 [gallery type='picasa' user_id='xyz' album='abc' max_resuts='m' columns='n'] 

This is one of Kokonad’s albums with max_results=10 and layout='random':

DSC_4218.JPG
DSC_4219.JPG
DSC_4220.JPG
DSC_4221.JPG
DSC_4222.JPG
DSC_4223.JPG
DSC_4224.JPG
DSC_4225.JPG
DSC_4226.JPG
DSC_4227.JPG

“Show More” and Paged Results (#)

If a search result has a lot of photos and you want to reduce the count, Photonic offers a couple of approaches:

  1. For Picasa, use the max_results attribute documented above, and add an additional tag, more. This will initially show you the number of photos specified in max_results, and a button to load more images. Upon clicking the button you will see an additional set of photos as limited by max_results. The button will continue to show until you have exhausted the entire set of photos.
  2. Photonic can be used in conjunction with <!-- nextpage --> to display photos in a paged manner. For this you can structure your page content thus in the WP Editor:
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta enim vel tellus dignissim, a venenatis neque congue. Nunc ornare cursus leo ac viverra. Pellentesque suscipit pulvinar metus, non aliquam odio egestas quis. Vestibulum porta viverra magna, vel malesuada ante fermentum vitae.
    [gallery type='picasa' user_id='kokonad' album='CorningGlassMuseum' max_results=10 layout='random' start_index=1]
    <!-- nextpage -->
    [gallery type='picasa' user_id='kokonad' album='CorningGlassMuseum' max_results=10 layout='random' start_index=11]
    <!-- nextpage -->
    [gallery type='picasa' user_id='kokonad' album='CorningGlassMuseum' max_results=10 layout='random' start_index=21]
    

Here is an example using the first approach. The text you provide to the more parameter controls what is shown in the button:

[gallery type='picasa' user_id='kokonad' album='CorningGlassMuseum' max_results=10 layout='circle' more='Show More']