Pin Me

WYSIWYG Web Builder Tutorial – How to Create a Photo Gallery

written by: Amanda Presley•edited by: Michele McDonough•updated: 7/5/2011

In this tutorial, I will show you how to create a photo gallery in Web Builder. Web Builder makes it easy to create a photo gallery for your website.

  • slide 1 of 1

    In this tutorial, I am going to show you how to create a photo gallery in WYSIWYG Web Builder. This tutorial will show you how to create the photo gallery and how to change the properties of the photo gallery. Open your Web Builder program and open the page that you want to insert the gallery into. If you are creating a new page for your gallery, go ahead and create the new page.

    Creating a Photo Gallery in WYSIWYG Web Builder

    Let’s start off with creating the Photo Gallery. On the left side of your program, you will see the navigation panels. Click the plus sign beside the Extra option to expand the panel. In the panel, you will need to click the Photo Gallery button. Then draw a box on your page. This will be your photo gallery.

    Adding the Images to the Photo Gallery in WYSIWYG Web Builder

    Now we will add the images to the photo gallery. Double click on the box that you drew. In the box that opens, you will see the Add button on the right. Click the Add button and locate the image you want to open. Then click the Open button. You will need to repeat this step until you have all of the images added you want to use.

    Setting Up Your Photo Galleries Properties in WYSIWYG Web Builder

    Next, we will set up the properties of the gallery. The properties are located in the bottom part of the box you are in now. You will need to click an image in the top window and then change the properties in the bottom part of the window. You can change the thumbnail name, size, and more. All of the fields are pretty self explanatory. After changing the properties, you can change the style of the gallery.

    Changing the Style of the Photo Gallery in WYSIWYG Web Builder

    Click the Style tab on the box that is opened. In this part of the box, you can change the text options and the frame style. To change the text options, click the Include Title box. The text options will light up and you can change the options.

    In the bottom part of the box, you can change the style of the frame. If you want to create your own frame, drop the box down and select Default Frame. Then select the color and size border you want to use. To use another type of frame, drop the Style box down and select the frame you want to use. You will see a preview of the frame in the right side of the box.

    When you are finished creating your photo gallery, click the OK button at the bottom of the properties box. To make changes to the photo gallery, simply double click the gallery. When you double click the gallery, the properties box will open and you can make changes.