This is only applicable for one or two CMS sites where the appropriate context has been established.
Note that this describes how to set up a static collection of photos on one page, and not the ZenPhoto photo gallery software we support on some sites.
See here, for how to set up a single image with a caption.
Replace the domain digitalfundi.com in these examples with your domain.
This Help File shows you how to:
Setup a page of photos in a gallery style, with captions
It assumes your CMS system is setup with:
A style sheet which supports the class "Gallery"
A photo gallery page template
Prepare your photos
On most sites, on a dedicated photo page, 400px wide will allow two to sit side by side on most screens, and is probably the best size to go for. But please check the appropriate size to use.
Rename them if you wish – if they follow the convention of one folder per page, a numeric file name is fine, and a lot easier to remember what to type when you are coding the page. But any old file name will do provided you can type it right. No spaces please – use underscore – and if you mix cases, be sure to match it exactly in the code.
When you use the {image} tag it assumes you are looking for photos in the folder uploads/images/ so you only need to specify folders within the uploads/images/ folder. Additional Subfolders are fine.
So no hard and fast rules, whatever makes it easier for you to catalogue images and the folder.
Summary
Select, size and name your photos;
define your folders;
and use FTP to upload the photos.
Login to your CMS Admin
Content > Pages.
Optionally:
Look for a page using the a Photo Page Template.
Open it and (if there is an editor) switch to source view
Observe and Copy the contents to use on your new page
Close/cancel this page
Select Add new content
Enter a Title (long, it will go at top of page) and Menu Text (short, to go in menus)
Select Parent to define where it goes
Select Template – for a photo page, its Kawaza Photo Page
Switch to source view (if possible)
Paste into the content box the stuff you copied earlier, or type from scratch if confident!
Note that you need <div class="gallery"> at the top, and </div> at the end.
Then there is one <p><a href="#"><span> {image src="filename.jpg" alt="title" } </span><em>Caption</em></a></p>
for each photo.
Make enough of the above tags for each of the images you are going to add.
Edit accordingly for each image.
(if you have to save the page before you’ve finished, mark the page as Inactive in the page summary page)
Preview the page
Apply will keep the window open, so open another browser tab and look at the website there – check it, then come back to make changes.
When ready, Submit, and you will see that the new page is positioned last in the section within which you added it (defined by the Parent). Adjust its position using the blue up and down arrows over on the right of the page.
If you marked the page as inactive, make it active