Photography Notes and Tips

Another member of the clan

Please welcome Photography Notes and Tips to the Café Ludwig clan of sites.

This new blog offers, just as the name proclaims, notes and tips about photography, much of it oriented to black and white photography. It is in a wide layout so photos can be shown large without needing to click and go to another site to view them. Comments and other features are oriented toward Google+.

You can find the listing of the latest posts at PN&T in the sidebar on the right – just scroll down a ways.

Here is an image linking to the blog.

Photography Notes and Tips

Take a look at the blog. You might find it interesting and helpful.

.:.

© 2013 Ludwig Keck

Sourcing content for your WordPress Gallery Page

In another post, Setup and Maintain a Photo Gallery Page with Live Writer, I discussed setting up a static page on a WordPress blog as a photo showplace gallery. Here I want to present some of the methods for sourcing and displaying images using Windows Live Writer with a WordPress blog. For illustrations here I will use my blog named  “Gallery Ludwig”.

Using Windows Live Writer makes the “curating” job easy and straight-forward. Inserting pictures from your local computer offers the most options. Writer has some photo editing tools that present some interesting features. I wrote about the Writer photo edit tools in Photo Edit Tools in Live Writer.

In another post I talked about Sourcing blog post images from SkyDrive. There are some additional features that I did not mention there.

A reminder: Stick to sources on the web that are under your control and that you have the right to use!

 

Pictures, albums and slide shows from SkyDrive

Many of my photos are in the Photos section of my SkyDrive, so I would like to show those on my gallery page. The prettiest and easiest is to insert a “photo album”. So to demonstrate the methods, I will start by adding a link to an album:

image_thumb5

One of the nice features of Writer is that it lets you connect to a SkyDrive album and presents it with pretty art. This is only available for SkyDrive albums or newly set up albums with pictures from your computer. Now to the details of adding a SkyDrive album.

Click Insert on the Ribbon. Click Photo album. Click Add online album. This is illustrated above.image_thumb7

A dialog window opens with a sign in request to your Windows Live service. Sign in. Writer connects to your SkyDrive albums and shows them after a short interval. Here is what mine looks like (in part, I have removed some information and albums):

Just select one of the albums and click Insert. Writer downloads the images to prepare a nice display.

A new tab on the Ribbon opens, “Photo Album Tools”.

image_thumb9

The default album layout is called “Squares”, it can show as many as 41 thumbnails. What is especially appealing, each thumbnail when clicked shows a full-browser presentation of that picture. image

Other layouts are “Grid left” and Grid right”. Those later two only show seven thumbnails like this:

Three other layouts show overlapping thumbnails. These are called “Spread”, “Fan”, and “Scatter”.

All but the first-mentioned layout connect to a full-browser SkyDrive slide show when any part of the image (any thumbnail) is clicked. Unfortunately the slide show does not work in all browsers (as of January 2011) . The various layouts are all illustrated on my gallery page, Gallery 1.

Showing an individual photo sourced from SkyDrive is a little more complicated.

Image from SkyDrive

image

The command in the Insert tab PictureFrom the web opens a dialog that requests the web address of the picture. When you go to your Photos section on Windows Live and click to view a photo there is information about the picture (on the right, below an ad – here removed). The information includes “Web address” and “Embed” code.

image

The web address is the address of the that page – that may not be what you want. The embed code works well enough (you can paste it in on the source view of Writer) and shows a thumbnail of the image. However, with that code the picture tools are not available. image

To get the actual address of the image on the SkyDrive server, click on the image so that it is displayed full-browser without any other material. The rather-long address then in the browser address bar provides the link to the full-size image. Get it by clicking in the address bar so all the text is highlighted, press Ctrl+C to copy it. That is the address to enter into the Insert Web Image dialog (Ctrl+V to paste it). Shortly (after download) the dialog window will show a thumbnail of the image and you will know that you got the correct one. Clicking Insert places it into the page. Now with Picture Tools (click the image to bring up the tab on the Ribbon) you can modify the size and placement of the picture. You will not be able to crop, rotate, or use any of the effects, the frame options will be very limited.

You can assign a hyperlink to a picture to take the viewer to another page. Above I have linked the “Insert Web Dialog” image to the slide show of that small album. Here is how to do that: On the page showing the picture find the “Slide show” command (above the picture). Click Slide show. When the show starts, copy the address from the browser address bar. In Writer click on the image, click Hyperlink on the Home tab or the Insert tab or Link to: Web address… on the Picture Tools tab. Insert the address into the dialog. You can similarly install a hyperlink to the SkyDrive album page.

 

Pictures, slide shows from Flickr

You can show pictures from your account hosted by Flickr. The Flickr guidelines contain the following restriction:

  • Do link back to Flickr when you post your Flickr content elsewhere.
    The Flickr service makes it possible to post content hosted on Flickr to outside web sites. However, pages on other web sites that display content hosted on flickr.com must provide a link from each photo or video back to its page on Flickr.

Bringing pictures from your Flickr account is similar to the way it works with images from SkyDrive. You need the web address of the picture to enter into the Insert Web Image dialog. The primary page in Flickr is the “photostream” – that is where you get to with the “flickr.com/photos/yourname” address. imagePhotos there are all shown in the “photostream” – photos can also be assigned to “sets” – equivalent to “albums”. When you click on a photo it opens up on its own page with a variety of information on the page. Right above the photo is a “Share this” link. Click this to get several options. One of them is “Grab the link”. This is the link to this page, not to the individual image. This is the address that Flickr wants you to link back to. So copy this address to use in the hyperlink for the image on your page. You still need the address to the actual image that you want to show.

imageThere is another option “Grab the HTML…” – as with the similar code from SkyDrive, this code does contain the address, but is this is not the way to insert an image in your posts or pages. An easier way is by way of the “Action” link. Here there is a “View all sizes” option. This leads to a page with size options. Clicking on a size option places a image of that size on that page.

image

Click the size that you wish to use on you page. Then right-click on the image and click Copy image address. If there is no such option, select Properties and find the address there. Use that address in the “Insert Web Image” dialog. Note: If the thumbnail image does not show up there, you did not get a valid address.

Be sure to select the inserted image and assign a hyperlink to it using the address from the “Share this” – “Grab the link” – to allow the viewer to get to your Flickr page (and to satisfy your obligation).

Neat hint: Append “lightbox” after the terminal slash – so that the address looks like this:

http://www.flickr.com/photos/ludwigkeck/4147958113/lightbox

This shows your Flickr photo full-browser in a black “lightbox” – very nice.

Slide show from Flickrimage

You can link back to a slide show of a set (or the whole photostream). On your photostream page click on one of your sets. Click Slide show (near upper right). The show will start. Grab the address from the browser address bar. Use this address as the hyperlink for the slide show. Here I have assigned a slide show hyperlink to the illustration at the right.

Flickr slide shows work in most browsers.

 

Pictures, slide shows from Picasa Web Albums

Picasa Web Albums has a landing page with albums. That is the page you reach by your address of this imageform: “picasaweb.google.com/yourname”. Click on an album icon to go to that album page. Click on a thumbnail to go to the page for that photo. Right-click to get the web address of the image (you may have to select Properties first). The address so obtained is the address to use in the “Insert Web Image” dialog. If there is no thumbnail image in that dialog, you did not get a valid address. Note the image size you get with that address is the same as on the Picasa site. That should be fine for a gallery page.

 

Slide show from Picasa Web Albums

To get the address for slide show of an album on Picasa Web Albums go to the album page. imageIn the upper left there is a “Slideshow” link. Click this to start the slide show. The browser address bar shows the address for the photo being displayed at the time. You can copy this address. It is easier with the slide show stopped (controls on the bottom of the image). If you use this address the show will display with this image first. Remove the numbers at the end so the address has the form:

http://picasaweb.google.com/LudwigKeck/MementosFromTheCoast#slideshow/

Of course, it will have your name, not mine in it, and the name of your album. I show this address here so you can try it. Compare what to get by clicking the address above and the image above.

 

This should get you well underway in building your gallery page with images from your various photo sharing sites. Enjoy!

 

 

Setup and Maintain a Photo Gallery Page with Live Writer

With the discontinuation of Windows Live Spaces the attractive “entrance page” and easy to share web address to SkyDrive albums is gone. None of the popular photo sharing sites, Flickr, Picasa Web Albums, or Windows Live Photos (on SkyDrive) have neat and customizable “front pages”.

So what to do? I am reminded of the German saying “Not macht erfinderisch” – I will render it in English as “necessity fosters innovation”. WordPress, Blogger, and other blog sites, allow you to set up static pages.

Windows Live Writer is an excellent tool for setting up and for maintaining such pages. This way you can create your photo gallery page, or pages, just the way you like. What is more, the pictures can be sourced from SkyDrive, Flickr, Picasa Web Albums, Shutterfly, and many other free photo sharing sites. You can also incorporate links to specialized sites like Zoom.it and Photosynth. Here I will describe WordPress pages since this blog is at home on WordPress.

First, of course, you need a blog account. All the blog sites make this an easy step-by-step process. If you have a blog module on your Windows Live Spaces site, you can migrate right over to WordPress (prior to March 2011 when Spaces shuts down). For some guidance on setting up a blog on WordPress see “How to set up a WordPress blog”.

For a gallery page you probably have a certain look and feel in mind. WordPress offers many “themes”, in fact over a hundred, so there is likely one that fits your bill. Set up your blog to your liking. On how to customize your WordPress blog see “How do I customize my WordPress blog?”.

In Windows Live Writer the process to connect to a blog account is also straight forward. For details see “How do I connect Windows Live Writer to my WordPress blog?”.

 

Setting up the gallery page

Here is how to go about setting up the static page. Open Windows Live Writer. It will offer a blank blog post window. You can tell by the prominent “Enter a post title”. This is not what you want.

For this demonstration I will use “Gallery Ludwig” as the demo blog site.

Click File (the leftmost tab on the Ribbon)image.

Click New post.

In the right pane click New Page.

Now you get “Enter a page title”. This not only allows you to put pictures and text on a page, but it sets it up and adds it to your blog.

Enter the title you want for that page. Be careful, make sure of the name and spelling. For this demo I will call my new page “Gallery 1”.

There are some other setup tasks to complete the static page, so add some text, maybe a picture in the main area and publish the page. You will be able to add to and modify the page later.

Click the Home tab. Click Publish.

The page will be uploaded and your browser will be opened to display the blog.

Configuring the blog

Next to configure the blog so visitors to your blog will see the static page first. Admire your initial effort and close the browser.

On the Ribbon click Bog Account. image

Click Dashboard. The browser opens and takes you to your WordPress blog dashboard (you may have to sign in).

Here there are two things to do: To set up another page that you will use to show your blog posts, and to set the static page as the landing page for visitors.

In the left pane click the down arrowhead next to Pages. Then click Add New. This opens the editor for imageimagea new page. In the field showing “Enter title here” type the title for the blog post page. I chose “News” for mine. Scroll down and find the Publish button. Click it to add the page to your blog.

image

 

In the left pane click the down-arrow next to Settings. Then click Reading.

On this page you see this:

image

 

Here you select what the front page, the one visitors see first, should display. Click on the second choice, “static page”.

Then you specify the page that is the front page and the page on which blog posts are to be shown. These are selected in the drop-down selection boxes. The page names will be available there. Here is my setting for the “Gallery 1” page to be first and the posts to be shown on the “News” page.

image

Now you will also see why you set up a new page for the posts: so it will show in this selector and you can specify it correctly.

Scroll down and click Save Changes.

Your blog is now configured for a static “landing” page and a separate blog post page. There are still some details to clean up.

 

Close the browser. In the Blog Account tab on the Ribbon click View site. The browser opens again and shows your blog site. Notice that you see your newly created static page. On the menu you can also see the newly added post page. In my case the menu line looked like this:

image

It shows “Home”, “About”, and “News”. I thought long and hard before I selected the title “Gallery 1” for my front page, and here it is called “Home”. Furthermore the “About” page is listed next. It is common for Internet sites to show the “About” page as the last item in the menu.

This can be changed as well, but not in all cases for all themes. If it is ok with you the way it is, leave it alone. If you want to change the menu this can be done with a custom menu. Click: How do I install a custom menu on my WordPress blog?

Maintaining the page

After publication of your page you can modify it, add to it, make any edit changes with Windowsimage Live Writer. If you are running Windows 7 you might be able to open the page right from the Start menu: Click the Start button, move the pointer to Windows Live Writer then to the right to see the jump list. Click on the name of your page.image

The other way is to open Writer, click File (upper left tab), Open recent post and your page should be shown in the right pane. Click on it to open it.

You can now modify the page: add to it, make any changes you wish. To refresh the modified page online just click Publish on the Home tab.

In another post I discuss some of the ways of showing material on your gallery page from other sources.

Good luck and much fun with your gallery!