How To Install & Use A Photo Gallery On Your Website

For today’s lesson we will be installing a plugin called NextGEN Gallery.

First you have to download a bunch of images that you like and put them in the folder we created last week. There should be an images folder on your desktop in the html directory. Use google and click on images and download some images as taught last week. Download at least 20.

Now go to your WordPress Dashboard and go to the plugins page and click on ADD NEW and search for NextGEN Gallery and install and activate the plugin.

Now create a new page called GALLERY. Make sur eyou are in HTML mode and add this shortcode to the page:

[nggallery id = 1]

Now follow the directions below and create a gallery and upload images. All the instructions are right here so read them before asking questions. Read first and if you still do not understand then raise your hand.

How To Use NextGEN Gallery for WordPress

This document assumes you are already logged into your WordPress Dashboard

How To Create A New Gallery:

• On the left vertical menu bar in your WordPress Dashboard click on GALLERY
• Then click on “Add Gallery/Images”
• The second tab to the right is “Add New Gallery” click there then fill out the gallery name and click on “Add Gallery”. Repeat if necessary.

How To Add A New Image To A Gallery:

• On the left vertical menu bar in your WordPress Dashboard click on GALLERY
• Click on “Browse” button that appears in the middle part of the browser screen
• You can now select 1 or more images at a time to upload. Use CONTROL and a MOUSE CLICK to select multiple images while using the browser function and you can upload more than one image. Then click on OPEN and the images will load in a queue to upload. Please note that you can only upload multiple images if you are uploading them all to the same Gallery.
• Once images are in queue you must select a gallery to upload them to from the dropdown menu.
• Then click on “Upload Images” and the upload will begin. A pop-up appears showing you the progress. Once completed you go back to the Browse screen to start again and upload images to a new Gallery.

How To Delete An Image:

• Go to GALLERY ? MANAGE GALLERY ? Then Select The Gallery The Image Is In.
• Once in the correct gallery you can select the image and delete it. Click on the checkbox next to the image you want to delete then scroll up and select “Delete Images” from the dropdown window and clock on “Apply” This will delete the image so be sure you want it gone!

Title & Descriptions:

Once you add a set of images to a Gallery, you want to go to that Gallery and add Titles and Descriptions to each image. Titles show up when you mouse over a thumbnail in the Gallery and Descriptions show up in the pop-up image when a thumbnail is clocked. Titles and Descriptions are very important so it is to your advantage to fill them out.

To Edit Or Add New Titles & Descriptions:

• Click on Gallery ? Manage Gallery ? Then from the list click on the Gallery you want to edit.
• Once in the gallery there is a list of your images with thumbnails and edit boxes for “Alt & Title Text / Description” Fill in the Title and then fill in the Description
• Next you can fill in the tags. Tags are like keywords for an image. Enter tags separated by commas. For example: shirt, tshirt, custom tshirt
• Once done click on “Save Changes” and you are done.
• You can now go to your Gallery and see the changes you made. Be sure to reload/refresh the page. Mouse over the images to see the TITLE then click on the image and see the Description in the pop-up.

Customizing The Order The Pictures Appear In Your Gallery:

You can sort the order the images appear in your Gallery with a simple drag and drop environment. To sort our Galley do the following steps.

• Click on Gallery ? Manage Gallery ? Then from the list click on the Gallery you want to edit.
• Above the thumbnails is a white button that says “Sort Gallery”. Click there.
• The gallery thumbnails will appear in the order they are currently in on the website. You can now drag and drop the images in the order you want them. Once satisfied with the order the images are in click on “Update Sort Order” and you are done.
• Now go back to the Gallery you just edited and reload/refresh the page and see the Gallery appear with the images in the order you want them.

How To Move An Image From One Gallery To Another:

• To move an image from one gallery to another simply select the checkbox next to the image or images that you want to move then scroll up to the dropdown window and select “Move To” then click on “Apply”. A pop-up box will then appear with another dropdown window of Gallery titles. Select the Gallery you want to move the image(s) to then click on OK and the image(s) will be moved over and you are done.

Hello Students!

Last week there was no class as you know. There was no water at the school from 1-6pm so the toilets were not flushable and they had to cancel all classes!

Here is “Todays Lesson”:

• All students must update the email address in the settings of each of your WordPress sites. This allows you to retrieve you password without my help if you ever lose it.

•   Add a new user to your WordPress site called “webmaster” so that I can access the site if an when you need help. Make sure the new user has admin access and a special secret password. Go to the “Contact The Webmaster” link on this site and send me a message with the subject “password” and send me your new secret password for the webmaster user you just made.

• Download images from Google images. First create a new folder on your Desktop called HTML then in that folder create a new folder called “images”. Now you can download images and have a place to put them.

• Go to your WordPress site and create a new test page called “Images”. Now edit the “Images” page and INSERT images onto the page by clicking on the “Upload/Insert” under the TITLE field for any page or post. This will allow you to upload an image and insert it into the page or post. Please try this yourself and ask for help if needed.

• Once done with these items go to SantaCruzTeenSpace.Com and signup for an account and friend your fellow classmates!

• Make sure to go to B40WebDesign.Com during the week if you need help and send me a message through the “Contact The Webmaster” link.