About and Contact page in Turtle

Revision as of 12 February 2015 16:29 by sannanordgren (Comments | Contribs) | (Step 3. Add contact information)


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

Open the album project that you want to add the new pages to. Or start by making a new album 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 press Make album and then open the contact page in the preview.


Step 4. Create About page

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

NewAboutPage.png


ExploreAboutPage.png

Hover the mouse over the about page that appeared in your album project and press Edit to add content to the page.


Step 5. Add content to About page

Start by selecting the photo you want to use, 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 skip uploading one. Then add an appropriate heading, "About me" for example or why not use your name as heading. Now you just have to add the text! The image to the right shows you how the page looks in the album.

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


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. Add top navigation

Turtle-Site.png

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.




Step 8. Done!

When you have done all the above steps your album should look something like this:

ContactAboutTop.png