About and Contact page in Turtle


Step 1. Open the project you want to add the About and contact pages to

Open the project that you want to add the new pages to. Or start by making a new project.

OpenAlbumToEdit.png


Step 2. Create Contact page

Click the new page button in the top menu and select Contact.htt.

NewContactPage.png


ExploreContactPage.png

Hover the mouse over the newly created contact page and press Edit to add content to it.


Step 3. Add contact information

Fill in all the contact information you want to show on this page. Just skip the things you don't want on your contact page. The image to the right shows you how the page will look in the album (when using the Turtle skin and style White).

ContactPage.png

To preview your new page you need to Make the album and then open the contact page in the preview.


Step 4. Create About page

Click the Explore tab to get back to the album editing and can create more pages. Click the new page button in the top menu and choose About.htt this time.

NewAboutPage.png


ExploreAboutPage.png

Hover the mouse over the newly created about page and press Edit to add content to the page.


Step 5. Add content to About page

Start by selecting a photo to show on this page, it can be a photo of you or why not an image you think represents you. If you don't want to have a photo at all you can just leave the field empty. Then add an appropriate heading, "About me" for example or why not use your name as heading. Now you just need to add the text! The image to the right shows you how the page looks in the album (using Turtle skin and style White).

If you want to divide your text into paragraphs you can do that by using the html tag <br/> , add one for each line break.


AboutPage.png

To preview your new page you need to press Make album and then open the about page in the preview.

Step 6. Contact and About page in the album

I assume you are now in preview mode, if not, please press Make album or just go to the preview tab. The Contact and the About buttons have been added in the bottom of the album, if you are happy with this you can consider it done!

ConactAboutAlbum.png


Step 7. Move buttons to the top

Pages-folders-images.png

This step only work in Turtle.

You might want to move the buttons to the top of the thumbnails so that the visitors wont miss them. Go to Settings -> Turtle -> Thumbnails and change the "Items order". Select "Pages > Folders > Images" or "Pages > Images > Folders".


With the pages moved to the top it will look like this:

PagesTopPreview.png


Step 8. Add top navigation

Turtle-Site.png

This step only work in Turtle.

If you are not happy with the placement of the About and Contact buttons you can actually move them to a top menu. Go to settings >> Turtle >> Site and fill the tick the checkbox Show top navigation. If you have sub folders in the album they will also show in the top menu, if you don't like that you can just tick the checkbox Exclude folders.


With the pages added to the top menu the album will look like this:

ContactAboutTop.png