SEO Membership Login

Archive | November, 2012

Why Insert All – Use Gallery Shortcode

30 November

One of the Holy Grails for photographers using WordPress is inserting all the photos from a particular photo session or wedding. There have been a few plugins that have tried to fit the bill for what our picky tribe have wanted.

But much like the Secret Menu at In & Out Burger, WordPress has a little Secret Menu itself that takes care of this problem. It lets you insert all your uploaded photos, and lets you re-order them if you ever need to very easily. It’s calle the Gallery Shortcode, and is very easy to use, let me walk you through it.

Step 0

Before we get started, you’ll want to set your Large photo to at least the same width of your blog (Twice that if you want to be ready for Retina displays). So if your blog displays 800 pixel wide photos, you’ll want to go into your Media Settings and change the Large photo to 800 pixel wide.

  Step 1

Start a new blog post and write the content that you want, then click on the Media Uploader to upload your images. After they’ve uploaded, click “Save All Changes” at the bottom of the upload screen. When you do that, you’ll see a new menu item pop up in the top called Gallery with the number of photos you just uploaded.

Step 2

You can change the order of these photos by selecting them and dragging up or down. When everything is set right for you, you can scroll to the bottom, select 1 Column, and then click Insert Gallery.

Step 3

In the Visual Editor, you’ll now see a blue rectangle that represents the Gallery that you just inserted. Since the Gallery defaults to Thumbnail size, if you were to preview your blog post now, you would see 1 column of small photos. What we want to do in the next step is change those to Large.

Step 4

To change the photos to Large, you’ll have to switch into the HTML editor, and find the Gallery Shortcode. The Shortcode will be within [] brackets and will look something like

You’ll want to add – size="large" to the code so it looks like

And you’re done!

Step 5

Publish and rejoice! You can see this particular post here.

Conclusion

The great thing about using the Gallery Shortcode is that you can go back into the post and reorder the images if you ever need to, by just going back into the Gallery menu item at the top, updating the order, then updating the post.

If you use the Gallery Shortcode, the style may be a little different than just inserting the images directly, depending on your theme. If you want to adjust the spacing between photos, or remove any borders that show up, you’ll have to go into the CSS and make the changes there. If you’re not comfortable, give us a ring, we can help you out.

If you use this technique, let us know. We love hearing it when our followers get some use from our tips.

Update

@jonyoder from Jon Yoder a wedding photographer from Little Rock pointed out that when using the Gallery Shortcode method you can’t insert text in between images. This is true, but you can use Captions for each photo. These will display differently based on which theme you’re using. But this is an effective way to describe your photos or talk about what was happening. Thanks for pointing that out Jon!

Awesome Changes in WordPress 3.5, Photographers Will Want To Know About

19 November

WordPress 3.5 is just around the corner, and there are some hot new changes that will be beneficial for photographers. They’ve talked about a new Media Uploader as one of the new features, so I’ve been stalking the Betas as they’ve been released to see what improvements they’ve been making. Last week the third Beta came out I thought I’d give a sneak preview of my findings and thoughts on the new direction they’ve taken.

Current Problems

Currently WordPress isn’t designed to handle lots of images. Your typical blogger uses 3-5 images in a blog post at most for a 400-800 word blog post. Professional Photographers on the other hand often use 20 or more; I know some crazy photographers that have put 100 or more photos in a blog post even! Inserting all those photos is a P.I.A. using the current uploader. Sure there are tricks like using the Gallery Shortcode, but using the Shortcode is like ordering off the Secret Menu at In & Out Burger; there’s some great stuff on it (can you say Double Double Animal Style?), but maybe 20% of the people know about it. And in the case of the Gallery Shortcode options, maybe even less.

I think the guys at WordPress finally figured that they needed to beef up the ability to handle more images than they were used to. It really shows in this latest Beta. Let’s take a look…

In the Beta they have both the new way and the old way to insert Photos and other Media. By selecting the Add Media button, you get the new version.

I’m not sure what the plans are for the final release, but I would imagine that they would eliminate the old uploader. There will undoubtedly be upset people at first, but as they get used to the new system, I’m sure they will come to enjoy using it.

The New Dialog Box

As you can see, the new Insert Media is redesigned quite a bit. They’ve moved the “Upload Files,” Media Library,” and “Embed From URL” options to a new left column, and increased the size of the dialog box to be full screen. This helps display more thumbnails, larger when adding photos or looking through the Media Library.

The Media Library Option

Selecting photos from the Media Library is much easier than before. Before the thumbnails were small, you couldn’t see the meta information without clicking the image and waiting for its properties to drop down, and you only had the ability to see 10 photos at a time.

In the new system the thumbnails are much larger, and… they’ve added INFINITE SCROLL!!! WooHoo!
The column on the right gives you a preview of the photo selected, and the meta is displayed right there, making it easier to add or change Titles, Captions and Alt Text as well as a few other things.

Embed From URL

While they’ve made many improvements to the Media Library, the Embed From URL option seems like it was just an after thought. It may not be a very frequently used option these days, but it still seems like they didn’t spend much time on it. It pretty much floats in a huge dialog box. They could’ve made the dialog box shrink to an appropriate size when selected to give a bit more polish and thought.

Inserting Photos

The process of inserting photos is much easier now. The dialog is very similar to the Media Library with its larger thumbnails and ability to scroll through all the photos you uploaded. Your information is displayed in the column on the right, and you now have the ability to Insert All Photos. This is a feature that’s been long overdue and has been tried by plugins (even we had a solution for awhile that did this). You can also create Galleries (if you’re not familiar with them check out how WordPress Galleries work).

Although WordPress has stated that it’s complete, there are a couple points that I think need to be modified before the public version:

  • There is no Select All button. You can Clear All selections, but you can’t Select All yet. So if you insert 40 images and wanted to use them in a Gallery, and you accidentally Clear All, you have to select all 40 images one by one again.
  • The smaller thumbnails below the thumbnail window is a bit redundant. It shows 12 images, whereas if it were eliminated, you’d have full view of 15 larger thumbnails.
  • The left column with the Upload Files, Media Library and Embed From URL is pretty much wasted space at this point. It may be better to stick them across the top like before to pick up a little more real estate for the thumbnails.

Final Thoughts:

While this isn’t a professional solution (don’t worry, Flaunt Your Site is working on that), the changes that WordPress has made will be highly welcomed by the photographers that deal with high quantities of photos on a daily basis. While it still has some items that need to be addressed, I think that the new WordPress Media Uploader is a decent first attempt at a new method of getting your photos in your posts and pages.

OK, so when do we get it?

WordPress has the release scheduled for December 5th. So we’re just a couple short weeks away from being able to use it! Keep an eye out for that Update WordPress button, and happy photo uploading.