Nov 16 2009
How to Make a Headway Photo Gallery
One of the cool new features of the WordPress Headway 1.5 theme is the Photo Gallery. I’m switching my wife’s business website to a WordPress format to simplify content management and to allow her to be a content contributor.
I’m writing up this tutorial because there are a number of steps involved in making the photo gallery work. It’s not difficult, just a lot to remember, so this is a record of what I’ve figured out. I’m assuming you already have Wordpress & Headway 1.5 installed. Feel free to add to this discussion if you know something I don’t, because I’m just learning HeadWay myself.
Step 1.
Login to your site. You get to your WP admin dashboard by adding wp-admin after the URL to your site. (e.g. http://www.yourwebsite.com/wp-admin)
Click on Appearance

Step 2.
Appearance options should appear. Click on Headway Advanced Leafs.

Step 3.
In the Add a new gallery input box, type the name of your new photo gallery. I called mine Really Cool Pictures.

Step 4.
In the Select a Gallery dropdown box, choose the gallery you just created. Click on Switch to Gallery.

Step 5.
Click the browse button and browse to the image you want to upload. If you like, you can also type in a Title and a Caption of your picture.

Step 6.
Repeat step 5 for your remaining photos. You should begin to see thumbnails of all of your images.

Step 7.
Once all of your images are uploaded into the gallery, we need to create a new page to view the gallery on. On the dashboard menu, click the Pages button, then click Add New to make a new page.

Step 8.
In the Add New Page window, the first input box is for the Title of your page. I called my new page, Cool Pictures. Under attributes, you can select the parent page if this is not to be a top level menu item, otherwise just leave everything as-is. Click on the Publish button to create the new page. We won’t add the photo gallery just yet, we’ll use the Headway Visual Editor to do that.

Step 9.
Open a new tab or new window in your browser and open your website homepage. Open the page you just created for your photo gallery. My Cool Pictures page is listed as a top level menu item, yours will be as well unless you chose a parent page for it. Since you are still logged in to your WordPress admin screen, you should see a Enter Visual Editor button at the top of your homepage. Click Enter Visual Editor to open up the visual editing interface.

Step 10.
In the Visual Editor, you will see a number of menus. Locate the Leafs menu and click Add next to the Photo Gallery leaf option found all the way at the bottom. (You may have to re-arrange some of these menus, and can easily do so by clicking and dragging the gray menu header at the top of each menu.)

Step 11.
You should now see a Photo Gallery leaf on your page. You will need to set the properties of the leaf so it knows which Photo Gallery to display. Move your mouse over the upper right corner of you Photo Gallery leaf to reveal some menu icons. Click the pencil icon to edit the Photo Gallery.

Step 12.
Select the correct photo gallery in the gallery selection box.
You can experiment with the settings and preferences in this window to customize how your gallery will work, but the main thing to get right is choosing the correct gallery. This will become more important as you create additional galleries.
Step 13.
If you don’t like the size of your photo gallery leaf, you can resize it. On the Leafs menu, click Utilities. Next to Resize Leafs, click Enable.

Step 14.
With resizing enabled, you can resize the leafs on your page by clicking on the borders and dragging to a new size, or you can also click on precise resize and type in the pixel size numbers you would like. I prefer the visual click & drag method.

That’s it! Be sure to click on the Save Changes button found at the bottom right corner. Once your changes are saved you can view the page in another window or tab and see if it looks like you wanted. If not, come back to the visual editor window to keep adjusting & tweaking your layout.
I hope this short guide is useful to someone. I’m sure I will refer back to it from time to time.














