Goal: Add photos and put them into galleries

Wednesday - Lesson 7:

Photos & Galleries

Photos are one of the most important aspects of your website because it guides the reader's eye toward what you want them to see.

There are two main ways to add photos to your site:

  1. Upload your own photos from your computer.

  2. Use "stock photos," which are photos that are provided by Wix and you can use for free.

Questions?

I'm happy to help!

Click the green circle below.

I'll be here from

9-10am & 3-4pm.

How to upload your own photos

#1

#2

#3

You can add your own photos on your site.

Here's how:

  1. Click on the ADD button

  2. Hover over IMAGE

  3. Choose MY IMAGE UPLOADS

Choose UPLOAD MEDIA

Choose UPLOAD FROM COMPUTER

A box will pop up listing all the files on your computer.

Find the photos file on your computer and open it.

Choose which photos you want to upload and click CHOOSE.

 

Most often, photos will be saved to the PHOTOS file in your computer, but every computer is set up differently. If you have any trouble, please feel free to ask me during chat hours and I will help!

How can I upload a photo from a phone?

To get a photo from your phone onto your website, you will still need to get that photo into your computer first.  There are several ways you can do this.  Some people have their phones set up to automatically sync with their computer, but if you do not, here is an easy way to get photos from your phone into your computer:

Choose a photo from your phone and email it to yourself.  

This is how you email yourself a photo (this also works for emailing yourself a video):

  1. Go into your camera

  2. Go into your saved photos

  3. Click on ALL PHOTOS

  4. Choose a photo you want to have on your website

  5. Click on the little square with an arrow

  6. Choose the MAIL icon

  7. In the TO field, type your own email address

  8. Click on the blue circle with a white arrow

 

You have just emailed the photo to yourself!

  1. Go to your computer and open your email.  You will see the email from yourself.

  2. Open the email and hover over the photo, you will see a little arrow under the photo and when you hover over it, it will say "download"

  3. Click downloadThe photo will pop up on your screen.

  4. Change the name of the photo to something easy to remember like "Website Photo 1" and save the photo to the desktop (this will make it very easy for you to find later)

  5. Follow the steps above to upload the photo onto your website.

Using WIX stock photos

#1

#2

#3

  1. Click the ADD button

  2. Hover over IMAGE

  3. Choose FREE WIX IMAGES

  4. (Do not choose Shutterstock because they charge for their images)

  1. Just like when you were searching for backgrounds, search for an image that has to do with your page's topic.

  2. You can filter by images or illustrations.

  3. When you find an image or illustration you like, click on it and click ADD TO PAGE.

#1

#2

#3

Design

Crop

Filter

  1. Once the image is added to the page, you can customize it.

  2. Click the DESIGN button to add a frame around the picture.

  3. Click the CROP button to change the size or shape of the picture.

  4. Click the FILTER button to make the photo black and white or to add several types of color filters.

Making photo galleries

Galleries are a fun way to display multiple photos.  Here are a few examples of galleries. These are all designed to look like vacation photo galleries.

Grid Gallery

1/1

Freestyle Gallery

Postcard Slider Gallery

3D Slideshow Gallery

#1

#2

Here's how to add a photo gallery:

  1. Click the ADD button

  2. Hover over GALLERY

  3. Choose any gallery from the long list, click on it to add it to your page.

  1. The gallery is pre-filled with stock images, so you'll need to change them

  2. Click on the gallery

  3. Click CHANGE IMAGES

  1. You can choose to fill your gallery with stock photos or with your own photos. 

  2. Click on the first photo to highlight it

  3. Choose REPLACE IMAGE

  1. To replace the image with a stock photo, click MEDIA FROM WIX and search for a photo you like. WHen you found one, clikc on it and click CHOOSE IMAGE.

  2. To replace the image with your own photo, choose UPLOAD MEDIA and upload a photo from your computer.

  1. You'll need to replace each image in your gallery following the steps above.

  2. If you want less images, you can delete them by clicking ont he image and clicking the trash can in the corner.

  3. If you want more images, you can click ADD IMAGES and add in as many as you like to extend the gallery.

  4. You can write a title and description for each image. These titles will be seen when the reader hovers over the photo (like a caption).

  5. When finished, click DONE.

Confused?

I can help!

Just click that green circle to ask Mrs. E.

Woohooo!

The STEAM Studio, Inc. (a nonprofit corp)

thesteamstudio@gmail.com