Getting Started

Quick Start Guide

6 quick steps to help you get started using the APhotoFolio admin.

1. Add your logo.

You have two options here, you can add a logo or simply use text with a nice font and some color. For logos, it’s best to to use a png with the background knocked out (instruction for knocking out here), so the background color of the site bleeds through. You will want a logo 150 pixels to 300 pixels wide and 72 dpi.

Click the my logo radio button and hit save changes. This brings up the file chooser. Click that to choose a file from your desktop and hit the upload button. Visit the front of the site using the view site button. If the logo is too small or big upload a new one. Don’t worry about the position just yet.


To add a text logo simply check the “the following text” button and add your text. Next you will want to pick a nice font and color. Click on the font and color pages to adjust those settings for the title. You can see what the different fonts look like (here).

2. Add some images.

Next you will want to add images to the site so you can work on the design with your images in the galleries. For most of the designs we recommend 1860 pixels wide and 1140 pixels tall at 72 dpi for a spread. It’s important to use save for web or the equivalent in lightroom (File –> Export) to keep the file sizes in the 300 – 600 kb range (smaller is faster). Note: For further reading on image prep go (here) and to your specific design page (here).

Once you have some images sized correctly go to the images tab and upload images page where you will see our upload tool. Click the plus button to select images (highlight as many as you want). Once selected leave the dropdown set to Gallery (this puts them in the image bank) and hit the upload button. Once they are finished uploading visit the Image Bank to see them in the unassigned folder.


3. Create categories and galleries.

To create items on your menu for people to click there’s a two step process. First there needs to be a category, then you add a gallery to that. The images go inside the gallery. Now, you have to option to link the category and gallery so they appear as a single item on the menu (this is called anchoring) or you can make it so when clicking a category¬†several galleries¬†drop down. To get started go to the galleries page. Click the plus button the create and name a category. Now you will see a gallery button. Click that to create a galley. If this is your first gallery in a category you will see an anchor button. Click that to link the category and gallery together as one. If you want more than one gallery under the category keep adding them.


Now, lets add some images to the galleries. Go back to the image bank. Select the images you want to add to a gallery you created (use the shift key to select multiple images) then using the dropdown on the right select the gallery and hit the add button. Once the images are inside the gallery you can drag and drop to sequence them. You can also drag and drop the categories and galleries for sequencing.


4. Create text pages.

Text pages are created in the same manner as galleries except there are main pages and sub pages. Both have text. Visit the pages tab then use the plus button to create and name a page. Once a page is created you can use the plus button below that to create a sub page. Use the edit button on each page you created to add text.

5. Adjust the colors.

To start out you’ll want to keep the colors very simple. Go to the colors page under the site settings tab. You will want the Body, Menu,¬†Page Background and Secondary Bg Color to be the same and you will want it to contrast the Title, Text, Navbar and Secondary Text Colors. Then choose a highlight color that will let people know when they roll over a menu item and select a gallery. This is also nice to use for the mouse navigation (Mouse Nav, Rollover and Menu Indicator Color).


6. Start adjusting the template settings.

Finally, you will want to start playing with the template settings which are what makes APhotoFolio a true customizable template. Under site settings go to the template settings page. To keep it simple start by adjusting the position of your logo. Use the vertical and horizontal adjustment to move it into the right position. You can also change the anchor point from left to center or right. Note: hover over an icon to see what each adjustment does. Use the view site button and refresh your browser to see the changes you’ve made.


Now, let’s adjust the menu width and font sizes for the categories and galleries. Under the Menu Properties block the first item is the font size for the category and the second is the font size for the gallery. The next item is the menu transparency. Since the menu matches the background color there’s no need to adjust this. The 4th item is the menu width. You will want to adjust this to accomodate the length of your gallery text and the font size so they fit on the menu. The last item allows you to anchor the menu text on the top, center or bottom.


Lastly, you will want to adjust the image borders for the site. These are under the image properties block. The first 4 items allow you to adjust the top, right, bottom and left borders. This is where you create space along the top for your logo and the bottom for the navigation and your contact information. The left and right borders allow you to balance out the site on the page.


Hopefully this gives you a good overview of the admin so you can see the power of using a customizable template for your website.

If you need additional help submit a support ticket.