image

 

So you want to spice up your posts with Flickr, Picasa, or iPhoto, images from your computer? You can just insert one or two using the Upload/Insert button on the post editor. But what if you want to have a dozen photos, or have your readers see them as a slide show?

Here are several ways to do it:

 


 

Embedly

[box size=small color=green align=left type=tick]Embedly is a single plugin that lets you show images by simply including the URL in your post[/box]The Embedly wordpress plugin is the simplest solution to show images from the cloud in your posts or pages. It extends WordPress’s built-in oEmbed functionality to display images from 73 (as of Nov 2010) sources by just pasting the URL as a single line into your post. It does not require Lightbox or other plugins to display slide shows.

(note: I’ve noticed that Embedly doesn’t like the source URLs being enclosed in html tags, even “p” tags, so just paste those URLs in HTML view when editing your WordPress post, and don’t try to format the URL. If you see the URL and not the image, check your HTML-view.)

[box size=small color=yellow align=left type=tick]UPDATE (12/9/2010): If you are having trouble wrestling with WordPress’s editor inserting <p> tags around your URL that you can’t remove, try this plugin PS Disable Auto Formatting, it disables auto formatting (wpautop) and saves <p> and <br /> formatted content. But beware, if you switch from HTML editing your post to Visual, the damn’d p-tags are reinserted and you have to go back to HTML mode to manually remove them![/box]

Picasa images with Embedly

Picasa single image using Embedly

Picasa Web Albums – Pieter Hartsook

 

Picasa album using Embedly

 

Flicker images with Embedly

hover your cursor near the top of the image to see the slide show controls
and near the bottom to see the gallery strip

My Photos-In-law apartment

Explore this photo album by Pieter Hartsook on Flickr!

 

 

 


 

 

 

PicasaExpress 2

Adding photos to your WordPress blog 1

The Picasa Express2 plugin let’s you add a photo or gallery/album from the Upload/Insert buttons in WordPress edit view. The slideshow function is currently being supplied by another plugnin, Lighbox Plus. PicasaExpress2 also works with the JQurey Lightbox plugin for slideshows as well. I used Lightbox Plus because it was easier to configure and offered more configuration options. [box size=small color=green align=left type=tick]PicasaExpress is a good choice if you want to display the “thumbnails” gallery of your Picasa album in your post.[/box]

click a thumbnail below to see a larger image or a slideshow[pe2-gallery album=”aHR0cDovL3BpY2FzYXdlYi5nb29nbGUuY29tL2RhdGEvZmVlZC9iYXNlL3VzZXIvaGFydHNvb2svYWxidW1pZC81MDIxNDU1MzU0MTg4NDAyNjU3P2FsdD1yc3MmYW1wO2hsPWVuX1VTJmtpbmQ9cGhvdG8=”]

 

 

 

 

 


 

Cincopa

[box size=small color=green type=tick align=right] Use Cincopa if you don’t already have a Flickr, Picasa, Snapfish or other online site where you store your photos. Or if you don’t want to be bothered installing and configuring various plugins to manage your photos and slideshows in your WordPress blog. [/box]Cincopa is a SaaS, cloud-based service that offers a limited (but generous) free plan for hosting your images. It lets you configure galleries and offers a variety of presentations from thumbnail galleries, to slide shows, to Cool Iris views both in your posts and as a widget in your sidebars. They also offer support for podcast and videos as well.

One professional plugin for all your multi-media needs – Free Visit Site >> : http://www.cincopa.com/

  • Add Image galleries
  • Add Slideshows and photo albums
  • Add Video
  • Add Music playlists
  • Add Podcast and mp3
  • Add Menus and much more
  • Media Library
  • 44 skins and more – slideshow, video players, playlists, flash, full-screen, Cooliris, lightbox and wedding skins etc
  • Automatic uploading and hosting…

To use you create a gallery on the Cincopa website, ether reusing existing photos already uploaded to you account, or upload new ones. You set the style/format for the new gallery then Cincopa generates a WordPress shortcode [bracket]cincopa + your gallery code[bracket] you use in you post or in the Cincopa widget.

Here’s a sample:
[cincopa AwIAKUazYV1A]
(This post was viewed 69 times) in the last month.)

Pieter Hartsook

WordPress website coaching, design, implementation, support, and training. Background in Marketing Research and Communications. See my profile at: https://www.linkedin.com/in/hartsook/

Reader Interactions

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Limit search for phrases by using " " around the phrase

Signup for Monthly Email Notification

Get notified of new posts from WordPress Website Coach. We only send these out once on the 1st of each month.

Something went wrong. Please check your entries and try again.

Recent Code Snippets

A bit of PHP to preserve html formatting in standard WordPress excerpts 2

A bit of PHP to preserve html formatting in standard WordPress excerpts

Posted in , , ,

If you don’t use the Excerpt field in your posts and rely on WordPress to grab the first few dozen words of your post content what you usually find is the excerpt when displayed on the front end (usually in some sort of archive or post grid display) will have most of the html tags removed leaving you with a single block of plain text.

If I go to the bother of formatting my post content to make it more interesting and easier to read and understand I’d like that formatting to be preserved even in that post’s excerpt.

(This post was viewed 25 times) in the last month.)

Read More
How to add custom post types to your default RSS feed 3

How to add custom post types to your default RSS feed

Posted in , , ,

RSS readers are somewhat old school in 2020, but the RSS feed that is part of WordPress is used by email services like Mailchimp and Mailerlite to create automated email updates when you add a new post to your website.

If you have custom post types though, they are not included in the default URL:

https://yoursite.com/feed

(This post was viewed 91 times) in the last month.)

Read More
Storing javascript in a metabox.io Custom Field textarea 4

Storing javascript in a metabox.io Custom Field textarea

Posted in , ,

For some client projects I needed to embed javascript code in a page (Post). I used a custom field textarea to insert the code when creating the Post. The problem was the default for text fields was to run them through a sanitizer.php to strip out any type of code that might be malicious. This is a good thing. But in this case it defeats the purpose.

So how to disable the sanitizing for just this field without breaking the default?

 

(This post was viewed 76 times) in the last month.)

Read More
Create a Scrolling Column with trivial CSS 5

Create a Scrolling Column with trivial CSS

Posted in ,

The client wanted to display a list of past events in a scrollable column. This was easy to implement using simple css. The page layout was done with Beaver Builder, but the solution should work for any html container.

(This post was viewed 59 times) in the last month.)

Read More
Changing a Submenu to a Mega-menu with Beaver Builder 6

Changing a Submenu to a Mega-menu with Beaver Builder

Posted in , , ,

Sometimes you want to present a navigation menu as a horizontal “mega-menu” instead of a hierarchal dropdown menu. This is really simple if you are using Beaver Builder. The mega-menu feature is built in, but is unfortunately hidden. You have to know the secret to turn it on.

(This post was viewed 75 times) in the last month.)

Read More
Formatting a custom number field to add commas 7

Formatting a custom number field to add commas

Posted in , , , ,

I needed to format a number field (999,999,999), coming from a custom field number-format (no other characters permitted in the number entry field). No “$” no commas or decimal points, etc. to output as a normal currency format.

Formatting a custom number field to add commas 8

When displaying the number I could add a “$” in front of the number, but couldn’t find a way to format the number since you can’t do that with CSS.

(This post was viewed 171 times) in the last month.)

Read More

Popular Posts


Categories