WP: Lesson 3 – Gallery

Previous | Next

Bulk Online Resize Tool

Before you start your Gallery, make sure you have all of you image resized for the web.  Things would be a lot easier if you put them into one folder.

You can also do this online with this online website: https://bulkresizephotos.com

Create a Gallery

In Lesson 2 we learned about IrFanview image editor.  A great feature of this software is the ability to  resize a bunch  of photos (batch resize) at the same time.  Watch the video to see:

You should add caption to images when creating a gallery.  It will make it more description and will improve your SEO.  Make sure all images have a Alt text.

Gallery Styles

You have several choices for how a gallery will be displayed in your post: a thumbnail grid layout, a tiled mosaic-style layout, or in a slideshow. All sites default to the thumbnail grid style. You can also style each gallery individually.

Tiled layouts can display in one of three styles: rectangular tiles, square tiles, or circular tiles. Along with looking great, the rectangular and square tiled layouts also have hover-over captions to save space while making captions accessible.

To switch to tiled layouts from the default, head over to Settings → Media in your blog’s dashboard, scroll down to “Image Gallery Carousel”, and select the box next to “Display all your gallery pictures in a cool mosaic.” Note that choosing this option makes this layout the default for all your blog’s galleries, including those you’ve previously inserted.

Image Gallery Setting

When clicked, gallery images are displayed in a full-size carousel view, which you can customize from the Image Galleries Carousel section of the Media Settings.

Below is an example of an image gallery using the default thumbnail setting. If you click on any of the images you will be able to see what the carousel view looks like:

Feature Image

Feature Image Dialog BoxThe Featured Image (also known as post thumbnail) is a WordPress theme feature which allows theme developers to add support for using a representative image for posts, pages, or custom post types.

Not all themes support the “featured image”.  The featured image looks best on a theme that has a gallery grid type layout on the blog page.  Here is an example.Feature Image Blog Thumbnail