Managing a SkyDrive Photo Blog

As many of my readers know I like sourcing photos from SkyDrive. This article explains some of the details of how I manage my SkyDrive albums and my photo blog, Gallery Ludwig.

The SkyDrive Desktop App makes the SkyDrive look pretty much like any other folder on the computer. Updating a SkyDrive album is just a matter of dragging the photo or pictures to the folder. That can be done just as easily using SkyDrive in the browser, but with the Desktop folder not just files but folders – albums – can be copied to SkyDrive.

Copy pictures to SkyDrive folder

Of course, any subfolder can be the destination, just like copying or moving stuff around on your computer.

Like other files on a computer, the order of files inside a folder cannot be customized when using the SkyDrive desktop folder. However, using the SkyDrive in a browser provides the Rearrange option – a drag-and-drop feature.

Rearrange SkyDrive photos

You can arrange your SkyDrive photo gallery just the way you want, with the individual photos in just the order you like. As a “front end” or “lobby” to your gallery you need another site. I like using a photo blog for this. You can build some nice pages and have a blog post page showing the latest additions and any stories you would like to tell.

The photo blog is, of course, managed using Windows Live Writer. There is no better blogging tool. The Insert > Photo album feature can place nice link arrangements on a blog page or post. Just take a look at Silver Canvas – Gallery EXP 2. But even a single photo with a hyperlink to your album will be a fine “front end”. Let me explain that a bit more.

I use an album called Gallery EXP as one of my SkyDrive prime galleries. Inside this album are albums, folders for various topics. When a visitor gets to this album the tiles for the sub-folders show little slide shows of the contents. I think this is pretty neat. Here is a still photo of my gallery. Click the image to go to the live one.

Gallery EXP

Getting the link for the albums and photos is just a little bit complicated. For the prime gallery, sign in to your SkyDrive using the browser version. Navigate to your “prime gallery” folder. Click the little image“details” icon to open the information pane on the right side. Click Sharing then click Share folder. In the next dialog click Get a link. Then click Make public. You will now see a somewhat long URL in the address box. Copy this URL and file it so you can use it in the future to provide links to your gallery. You can click the Shorten link to get a short URL. You can see my short URL for Gallery EXP when you move the pointer over the image above. You can similarly obtain URLs for any folders in your gallery.

To inform my visitors of new photos in the gallery, I like to include the picture in an update post in the blog portion of my photo blog – my “landing page” for visitors. Here is how to go about that:

Navigate to the newly added photo in SkyDrive (not in the desktop folder, this requires the browser version).

Get image URL

Insert web image in Live WriterClick View original in the top taskbar. This gets you a view of the photo on a separate page. The address in the browser address field is the URL for this photo. It is rather long. Copy it and file it away. When you insert a photo in Live Writer – Insert > Picture > From the web…  this URL will allow you to source your actual photo and show it in your post.

Here is what such a post looks like:

Azalea Blossoms postOf course, you can see it better by clicking the image to go to that post. Be sure to click Latest in the menu bar to see the most recent posts. And don’t be shy about clicking the Gallery EXP link, it gets you to my gallery.

.:.

© 2012 Ludwig Keck

LiveWriter-credit-360

Advertisements

Combining WordPress and Live Writer photo gallery features

WordPress recently announced updates to the way media is managed from the blog dashboard (Manage Slideshows and Galleries — All in One Place). This makes using slideshows and inserting galleries in blog posts and pages much easier.

galleryEXP-32For preparing posts and pages in a fast and easy WYSIWYG (what-you-see-is-what-you-get) manner, nothing beats using Windows Live Writer. Live Writer also offers neat gallery access via SkyDrive photo albums.

So can both be used together?

Yes, indeed – sort-of.

Unfortunately, Writer doesn’t know about WordPress slideshows or galleries and has some editing quirks. The WordPress editor doesn’t understand the intricacies of the Live Writer “Photo Album” and tries to “optimize” the code. So between the two of them it is a delicate operation to get them to play together.

You can see that WordPress slideshows and galleries can be combined with Live Writer photo albums on my Gallery EXP page at Silver Canvas.

True, in the kitchen you should never use all the spices at once, and this is probably true in building a photo gallery blog as well. But my page is an exception, of course, as I am testing the gallery features of both WordPress and Live Writer.

The pitfalls and problems

Live Writer will not find a page created in the WordPress dashboard (most of the time), so to use Live Writer with a page, the page should be started in Live Writer. Besides that, Live Writer makes a mess of the gallery code generated by the WordPress editor. Example: The WordPress code for a gallery might be:

image

Live Writer will replace the quote marks and the “corrected” code will be like this:

image

You can imagine that when WordPress again gets a hold of this, the gallery won’t look the same.

Now the WordPress editor also attempts to correct and optimize code. When it gets a hold of the large set that defines the images and links of a Live Writer “Photo Album” insertion sometimes strange, and not necessarily beautiful things happen.

Especially insertions with individual thumbnails and links, like the one here, get mangled pretty badly. They get progressively more damaged on repeated use of the WordPress editor.

The strategy for getting an acceptable page or post is this: Plan ahead, minimize the use of the WordPress editor, and don’t make revisions.

Strategy and procedure

To get a post or page that combines Live Writer “Photo albums” with WordPress galleries proceed as follows:

1)  Plan ahead – Sketch out your post or page, note what photo albums and galleries you wish to include. Organize the photos for the albums and galleries.

2) Upload your SkyDrive albums – Set up the SkyDrive photo albums that you wish to include in the root of your SkyDrive. Live Writer cannot find sub-folders.

image3)  Start in Live Writer – Start the page or post in Live Writer. Include all elements and text, and any simple insertions. Insert the SkyDrive photo albums and pick the album styles and other features.

Live Writer provides a nice selection of thumbnail layouts, “Album styles”.

image

4)  Publish to blog – If you are working on a page go ahead and publish it. Since it is new it will not be included in a customized menu. If you are working on a post, select “Post draft to blog” so it will not be published immediately.

5) Edit in WordPress dashboard – Once the page or post has been uploaded the next step is to add the WordPress features – slideshows and galleries – that are not available in Live Writer.

The WordPress Media Library is one huge shoebox with all your images. The new features that make it much more user friendly really do not yet go far enough. imageSelecting the photos for a gallery or slide show is easy in principle, but messy in practice. Here is why:

When you click “Add Media” you are taken to a beautiful page like this:

image

Pretty nice. Click a thumbnail to select it. Only problem is the identification of the thumbnails. You can’t tell which image you are dealing with until you click it. imageThe pane on the right gives the details. Since the Media Library will be filled with many thumbnails and full images, the selection process is a bit cumbersome and time-consuming.

The procedure to get a gallery onto the page requires Create Gallery > Update Gallery > Update (page). The options for the type of gallery, Default, Tiles, Square Tiles, Circles, Slideshow, is a bit temperamental, galleryEXP-27and the interaction between columns and type – it it exists at all – is not obvious.

Re-arranging the pictures within a gallery is a quick drag-and-drop.

Still, WordPress galleries are nice. The slideshow works but the window size is not adjustable. The neatest gallery arrangement is “Tiles”. There is no control over the arrangement, but it is always pleasant.

For all galleries (but not Slideshow), clicking leads to a black-framed large image. A good way to view the pictures.

image

Updating the Mixed Gallery

Updating the mixed gallery can get tricky. If Live Writer is used the WordPress Galleries are messed up. If the WordPress editor is used the photo albums inserted by Live Writer may get spoiled.

Editing in WordPress editor

The WordPress galleries can be easily maintained and modified in the WordPress editor.

image 

Clicking the Edit Gallery link in the gallery placeholder opens the Edit Gallery page which allows re-arranging, deleting or adding to the gallery, as well as changing gallery parameters. “Add to Gallery” can be done from the Media Library or by uploading. Uploading would be the preferred method – it is also a drag-and-drop process and avoids the confusion posed by the Media Library.

The only downside is that Live Writer Photo Albums might get mangled.

Updating Live Writer Photo Albums

Maintenance on the Live Writer Photo Albums is a matter of updating the corresponding SkyDrive album. That is a snap, especially when using the SkyDrive Desktop App. Just manage the folder like any other folder on the PC and let the app do the updating. Even relocating the album will not affect the operation of the blog post or page – it will continue to work just fine.

If you don’t mind the occasional update headache, combining the features offered in Windows Live Writer and the WordPress online editor can lead to some gorgeous looking photo galleries.

.:.

© 2012 Ludwig Keck

LiveWriter-credit-360