Not The Official WordPress.com Gallery FAQ – Calypso Style

When WordPress.com introduced the latest version of the New Dashboard’s Post/Page Editor in late 2015, working with the Gallery feature was completely re-imagined. It was also revealed to the community that the changes we’ve experienced on WordPress.com over the last two years were due to the new motor under the hood (aka Calypso). This is the “New Blue” Dashboard users arrive at when logging in from the WordPress.com home page. If you regularly use the WP Admin Dashboard on your site and/or want to dig deeper into the Gallery feature and what it can do, you’ll want to read my original “Not the WordPress.com Gallery FAQ.” What follows is relevant for creating a Gallery in the Calypso dashboard.

First, a definition:

What is a Gallery?

A Gallery is a thumbnail set of images that appears in your Post or Page. Clicking on any thumbnail image will open by default the full screen Photo Carousel viewer with a link to the original image.

Since Calypso’s introduction, many of the posts published with multiple images I’ve seen seem to show that users are not aware they can create a Gallery of photos in their posts. It’s true that the Calypso interface makes inserting multiple individual images very easy, but doing so makes your post a very long scroll for your site visitors and a long page load time if you’re inserting the full size image of each.

ProTip: Check your theme’s image specs so that you aren’t uploading oversized images and eating up your storage space unnecessarily. The added bonus is that page load times speed up considerably when images have smaller pixel dimensions. 1600 pixels wide is a good all-around size also for Featured Images.

Here’s an overview of how to create a Gallery in the Calypso interface. We’ll break down each step after the video.

Give it a Title:

You’ll notice that the first thing WordPress.com suggests when creating a new Post or Page in the Calypso dashboard is to give it a title before doing anything else. That’s great advice because it immediately saves your Post/Page to memory. Don’t worry If you can’t think of your final post title right away, but you should change your Title to the final version before you publish, not after.

Add Media:

calypso-gallery-faq-add mediaNext, place your cursor where you want your Gallery of images to appear and click the “Add Media” button in the tool bar above the Post Editor.

On the following screen you can select or upload the images you wish to include in your Gallery. You can also add images from URL, which uploads the image to your site’s Media Library. If you accidentally select a wrong image, click it again to deselect it. Note: The Gallery feature can only be used with image files (JPG, JPEG, GIF, PNG). When adding an image from URL, your image must also end in one of those extensions.

When you’ve finished selecting the images for your Gallery, click on the “Continue” button.

Pick a Layout:

On the next screen, you can preview your selected images both as Individual images, inserted one after the other, and in various Gallery styles. I strongly suggest experimenting to find the layout you like best for your images. Factors that influence Gallery image layout include the ratio of portrait to landscape images you have, as well as the relative image ratio of each image (4:3, 16:9, 1:1, etc.).  As you go through the list of possible Gallery styles, in the right sidebar you’ll also see the options under each style change. Here, too, experiment a bit with the options to see what layout works best for your images/theme. You can reorder, add and delete Gallery images by flipping over to the “Edit” tab to do so. Note: One “option” that isn’t listed under the “Link to” drop down menu along with Attachment Page, Media File and None, is the Image Gallery Carousel. That is because it is the default for all Gallery styles. If you want to use the other “Link to” options in your Gallery feature, you first need to disable the Carousel in your site’s Media Settings.

Insert and Preview:

Once you customized your Gallery to your liking, it’s time to click the “insert” button and preview your Gallery in your Post or Page.

In my screenshot above, I chose “Tiled Mosaic” but because all the images I’ve included in the Gallery are portrait orientation, I don’t like the way the resulting Gallery looks in the Post. Fortunately, you can edit the Gallery in your Post Editor after you insert it as well.

04-calypso-gallery-faq-edit-gallery

Click anywhere on the Gallery images and two icons appear, “Edit” and “Remove.” Clicking on the Edit button brings you back to the Layout screen where you can select and/or rearrange your images in a different layout.

05-calypso-gallery-faq-edit-gallery-02
This time I’ve chosen the “Tiled Columns” style, clicked “Update” to update my Gallery settings and returned to my Post Editor screen. Now it’s time to look at the full Preview.

06-calypso-gallery-faq-insertandpreview

07-calypso-gallery-faq-insertandpreview-02
When you click the “Preview” button in the Post Editor, an overlay screen appears with a number of different ways to preview your post. You can select Full Window, which opens the Preview in a separate browser window; Desktop, Tablet and Mobile resize the overlay screen to emulate those devices. Click on the X in the upper left corner of the overlay screen to close it and return to your Post Editor.

If you like what you see and you’ve added all the text to your post, it’s time to Publish!

08-calypso-gallery-faq-not-quite-ready-to-publish

Wait! Remember when we started about 10 scrolls above, the Post title we gave was a temporary one to get the Post saved to memory. Now’s the time to update the Post title to it’s final version and add all the other features that will get our Post noticed in WordPressdotcom’s Reader, in Publicize and shared on social media. Click each module in the left sidebar to open it and make all your changes as desired. Note: If your theme supports it, in the “Post Format” module you may see an option to publish in Gallery Post Format. This is not the same thing as creating a Gallery feature and affects how your Post is displayed only on the blog front page. You do not need to publish your post in Gallery Post Format for the Gallery feature to show in your Post.

Now it’s time to publish!

09-calypso-gallery-faq-ready 10-calypso-gallery-faq-published

Happy Gallery creating, publishing and sharing!

To see all the images in this post displayed as a Gallery, click the Next Page button.

Pick a Size-Gallery Updated!

Another subtle update to the Gallery feature has been pushed out. This update brings to the Edit Gallery screen the ability to select image size, which was previously available only by directly editing the Gallery shortcode in the Text tab of the Post or Page Editor.

When you open the Media Manager’s Edit Gallery screen, beyond Link to, Columns, Random Order and Type, you’ll now see an additional drop down menu which allows you to select Gallery image size- Thumbnail, Medium, Large or Full Size. While I have not had an opportunity to experiment with all the Gallery Types, in the past these image size choices have been relevant only for the default Thumbnail Gallery and not the “mosaic” type of Gallery.

Your image size selection should also influence the number of columns you select to use. If your theme has a particularly narrow posting column or even a full-page template, you may need to experiment a bit with image size and number of columns to get the best result for your theme.

And here’s the bonus: you can now easily insert even a single image which will be displayed in a Gallery and then, by default, the Photo Carousel. If you wish to align your single image to the left or right and have text wrap around it, you’ll still have to get your feet wet in the Text tab of the Editor, but it’s a grand start!

Photoblogging Made Easy: Exploring Gallery Types

Featured Image -- 3963If you’ve spent any time on my site, you know that I seriously love the Gallery feature. It’s an elegant and easy way to make photos look good on any site and just about with any theme. Combined with the Photo Carousel, the Gallery really makes your photo displays stand out.

However, due to the way the new Reblog currently works, reblogging a post that contains multiple images has an unexpected and decidedly unwelcome side effect if copyright is a concern. Right now all the images in your post are copied and transferred to the reblogger’s Media Library, regardless of how many images are used in the actual Reblog itself. In spite of a Staff reply in the forums to the contrary, I very much hope this is a bug and will be addressed. You can read more about it and some additional complications in the comments on wpcommaven The New Reblog, Part 2-Images Gone Awry.


Reblogging gone awry- how did those images get in my Media Library?

What does the new Reblog function mean for me personally? For a short moment, I considered watermarking my images, but wholeheartedly dislike them. So the only real recourse I have is to upload fewer images at lower resolution. I want to believe that people will be honest and abide by my CC License if they choose to use my images, but also know that I tend to wear rose-colored glasses.

The WordPress.com Blog

Photographs capture moments and bring life and color to our blogs, websites, and portfolios. In this age of digital storytelling, images are key elements in our narratives. With over 200 themes in the WordPress.com Theme Showcase, some designed for photography, there are many ways for you to tell your stories.

Photographers and photo bloggers can choose from a number of versatile premium themes to take their passion to the next level. But you don’t need a premium theme, or even a photoblogging theme, to display your images in polished, professional layouts. Let’s take a look at gorgeous image showcases on free themes that are great for personal blogging and writing, created with the built-in gallery options in your Media Manager.

Bushwick

Square tiles gallery on the Bushwick theme

First up is Bushwicka lightweight blogging theme we launched at the end of December. While ideal for bloggers…

View original post 339 more words

Attachment Pages, Images and Carousels! Oh My!

Or: First the WordPress Gallery Had Attachment Pages, Then It Had The Photo Carousel. (But, really, it still has Attachment Pages.)

This is a bit of a “Red Pill/Blue Pill” post and assumes you have a good understanding of the underpinnings of WordPress.com’s image handling and the Gallery feature. Even if you do, you might want to keep headache relief nearby. After going down the rabbit hole, you’ll learn how you can use the Gallery feature to display your single images in the Photo Carousel.

Every image you upload to your WordPress.com site creates a corresponding Attachment page. You can check this out yourself by uploading an image directly to your Media Library and then clicking on the “View” link for that image in the Media Library.

Read the full post on Gallery-A Demo Blog

Official Gallery Widget-at last!

Imagine my delight today to find that WordPress.com has added an official Gallery widget that you can add to any widget area on your site (sidebar or footer). Have a look below to see the new widget in action.

While there’s no official Support doc yet, adding and using the widget is pretty straightforward. Just add it to a widget area, open it and select “Add Images” to choose images from your Media Library and create a new Gallery. Select which Gallery type you want displayed and what the images should link to and save. Couldn’t be easier!

Thank you WordPress.com!

(and Thank You Google Alerts!)

Update: The official Support document is now available!