Embellish Content with Galleries

Xidipity provides four different gallery options in support of numerous use cases. The “media gallery shortcode” pulls images from the media library by media category(s). The “linked gallery template” pulls images by URL and the “standard gallery” option is a quick and easy technique to add images to a page.

Paula Modersohn-Becker’s 142nd Birthday Doodle

By definition, a gallery is a place where a collection of photographs or other works of art are displayed. In web design, a gallery a collection of images or videos displayed on a web page. Xidipity supports the following types of galleries.

 

  • Table
  • Shortcode
  • Template

 

All of the solutions with the exception of the table gallery are responsive which means they will adjust to the available space. 

 

It is easier to add images ahead of time so all pertinent information can be entered and it is recommended the aspect ratio of all images grouped as a gallery are the same.

 


table gallery


 

A long hand method of building a gallery is to use a table and place images in the cells. This actually works better than you might think.  I find a two column gallery presents well using this format and I suggest adding “vertical-align: top;” to each cell property.

 

Advantages:

  1. Fully integrated with the TinyMCE editor and the Media Library
  2. Supports variable image sizes
  3. Supports a wide range of display columns
  4. Supports image captions
  5. Cells may be merged for larger images
  6. Cells may contain images and content

 

Disadvantages:

  1. Adding / deleting images may require rebuilding the gallery
  2. Not responsive

 

The first disadvantage is significant. If you anticipate applying updates on a regular bases, you may want to consider one of the other choices.

 

If you need help learning how to build a table please refer to the “The Art of Building Tables“.

 

For the purpose of this demonstration I created a two column by two row table which contains images from the media library.

 

Tutorials

 


native media gallery


 

The native media gallery is a core feature of WordPress. Galleries are created by placing the cursor at the location where the gallery will be added and then clicking the “Add Media” button and then selecting the “Create Gallery” option.

 

Advantages:

  1. Fully integrated with the TinyMCE editor and the Media Library
  2. Selectable image sizes
  3. Supports a wide range of display columns
  4. Definable presentation order or random order

 

Disadvantages:

  1. Adding / deleting images may require rebuilding the gallery
  2. Limited responsiveness
  3. Captions are displayed by default

 

For the purpose of this demonstration I created a native media gallery of Leonid Afremov paintings. For those who are unfamiliar with Leonid Afremov, he is a Russian–Israeli modern impressionistic artist who works mainly with a palette knife and oils. His style is unique and unmistakable. Afremov is mainly known as being a self-representing artist who promotes and sells his work exclusively over the internet with very little exhibitions and involvement of dealers and galleries.

 

Tutorials

 


xidipity gallery


 

The Xidipity gallery is a shortcode which pulls images from the media library by category. It also has the ability to pull the caption, description, or both which permits the creation of a variety of solutions. Presented for your consideration are a recipe tutorial, a photo blog tutorial, and an image library use case. 

 

Advantages:

  1. Add or remove images by changing the category.
  2. The display is fully responsive. 

 

Disadvantages:

  1. Not integrated with the TinyMCE editor.
  2. Presentation order is not definable.

 

Tutorials

 

Use Case

 


product Gallery


 

The Xidipity product gallery is well suited for those circumstances where some or all of the images are pulled from linked sources and there will be content. Although text can be associated with the images, the captions and/or descriptions are not pulled.

 

Advantages:

  1. Very flexible.
  2. Some integration with the TinyMCE editor.
  3. Definable presentation order
  4. Fully responsive.
  5. Linked images.
  6. Supports video.

 

Disadvantages:

  1. Complex solution.
  2. Adding / deleting images may require rebuilding the gallery.

 

Tutorials

 

Use Case

 

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *