Creating WordPress Image Gallery with Easy Media Plugin

Creating WordPress Image Gallery with Easy Media Plugin

Creating WordPress Image Gallery with Easy Media Plugin

Easy Media WordPress Plugin also known as ‘Gallery – Photo Albums – Portfolio’ provides an easy way to display powerful WordPress Slideshow. It creates multiple images, videos, audios, links and google maps galleries and provide different jQuery animation effects to them. It also allows to embed videos from youtube, vimeo, metacafe and other video websites. It comes in both paid and free versions. But the best part of it is that the free version is sufficient for most of your work.

Installation

First download the zip file from Easy Media Gallery. Extract this zip file in the WordPress website plugins folder and activate it from the plugins area of the WordPress CMS. Alternatively install it by going to ‘Plugins > Add New’ in the WordPress CMS then click the ‘Upload’ link and select the zip file from the ‘Browse…’ button then click ‘Install Now’ button. Finally click the ‘activate’ link. On activation you will see ‘Easy Media’ link in your WordPress CMS.

Installing Easy Media WordPress Plugin

Installing Easy Media WordPress Plugin

Creating Image Gallery

To create an Image Gallery, in the wordpress CMS go to ‘Easy Media’ then click ‘Add New Media’. ‘Easy Media Item’ page will open and asks for some details. Give it a title, select Media Type as ‘Multiple Images (Slider)’. Click ‘Add Images’ button to add all images to this image gallery. Turn ‘Use information of each image’ ON by clicking the OFF button. Finally click the ‘Save Media’ button to create and publish it.

Add New Media

Add New Media

 

Creating Image Gallery

Creating Image Gallery

Inserting Image Gallery in the Page

To insert this image gallery in any of your WordPress page simple edit the page and click ‘Easy Media Gallery’ button. Then click the ‘Select Gallery’ control and you will see your recently created image gallery there. Select it and click ‘Insert Shortcode’ button at the bottom. Click update button to save the page. View the page in the browser and see how your Easy Mediaimage gallery looks.

Adding Image Gallery in Your Page

Adding Image Gallery in Your Page

 

Selecting the Gallery

Selecting the Gallery

Note that you can control the number of images in a row by setting the ‘Thumbnail Size’ which is given under ‘STYLE OPTIONS’ in the easy media settings page. Smaller the width of the thumbnail size more images will comes in a row similarly larger the width of the thumbnail size less images will be there in a row.
Setting Thumbnail Size of Images
 
How Image Gallery Looks in the Page
 
Images Pop-Out On Clicking

Creating Video Gallery

For creating a Video Gallery go to ‘Easy Media’ then ‘Add New Media’. Enter title then click ‘+ Add New Category’, put ‘Video’ or any name for the then click ‘Add New Category’ button to create the category.

Grouping Media with Categories

Grouping Media with Categories

The purpose of adding a category is to group the ‘Easy Media’ gallery items together. In the ‘Media Type’ select ‘Video’. In the ‘Video URL’ enter the URL of the video page. For example if you are putting the video from youtube or vimeo, go to the video page and copy the URL and paste it here. In ‘Image URL’ add the URL of the image. If the image is already added to your WordPress CMS then you can select it by clicking the ‘Add Media’ button below. If the image is in the external website then you can just provide its URL here. For example for youtube videos you can get their image URL as shown below –

Default video image is:
http://img.youtube.com/vi//default.jpg
High quality version of the image:
http://img.youtube.com/vi//hqdefault.jpg
Medium quality version of the image:
http://img.youtube.com/vi//mqdefault.jpg
Standard definition version of the image:
http://img.youtube.com/vi//sddefault.jpg
Maximum resolution version of image:
http://img.youtube.com/vi//maxresdefault.jpg

The video id is given in the URL of the video – example for the video URL https://www.youtube.com/watch?v=EfztUvOlwPw
The video id is ‘EfztUvOlwPw’ that is the text coming after ‘=’ sign. So you can get the default image URL for this video as http://img.youtube.com/vi/EfztUvOlwPw/default.jpg

Finally click ‘Save Media’ to save and publish it. Try adding about 5 videos more from youtube, remember to group them in the same category like here we select category ‘Video’ for each of these five.

Inserting Video Gallery in the Page

To insert the Video Gallery in a page just edit the page. Here click ‘Easy Media Gallery’ button then click ‘Basic Album, Media & Categories’. For the ‘Order media by’ select ‘Category’, you will see ‘Choose a category’ option where you have to select the category with which you grouped your videos, here we have selected ‘Video’. Click ‘Insert Shortcode’ and click ‘Update’ button to save the changes. You can view how your view gallery looks by opening the page in the browser. In the same way grouping media by categories can also be used to create galleries comprising of both videos and images.
Inserting Video Gallery in Page
 
How Video Gallery Looks in Page
 
Video Pop-out on Clicking

To set the no of Media items/columns per row go to ‘Easy Media > Settings’, click ‘GENERAL’ and set the ‘Columns’ field. Finally click the ‘Save Changes’ button.

In this way you can create various types of WordPress Image and Video Gallery with this Plugin.

Share this article -

yogihosting

ABOUT THE AUTHOR

This article has been written by the Technical Staff of YogiHosting. Check out other articles on "WordPress, SEO, jQuery, HTML" and more.