Configuring WordPress & WPFolio

Enabling WPFolio

NOTE: You can also take a look at Eyebeam.org’s instructions for WPFolio:
WPFolio Instructions

“http://dev.eyebeam.org/projects/wpfolio/wiki/WPFolio

Go to the admin section of your wordpress website.
the url will be something like:

http://www.yoursite.com/art/wp-admin

http://www.yoursite.com/wp-admin

Fill in your username and password for WordPress. You will see the WordPress "dashboard".

Click "Appearance" in the left hand menu.

WPFolio

In the themes section click Activate beneath the WPFolio screenshot.
WPfolio

After you have activated WPFolio it will be highlighted as the Current Theme. You may return to the Appearance settings later for further configuration.

Enable Plugins.

Click Plugins on the left hand menu.

You will see a list of plugins. Click "Activate" for Gallery Plus, Lightbox and Contact Form 7 and PHP Markup if you have chosen to install it. You will not need to activate Askimet or Hello Dolly.

WordPress Configuration

General Settings

Click Settings in the left hand menu.

WPFolio

Enter a blog title, usually your name. The tagline is optional. Leave it empty if you wish. Change the timezone to UTC -5.

WPFolio
Don’t forget to click "Save Changes"

Writing, Reading, Discussion Settings

We will skip Writing, Reading, Discussion for now.

Media Settings

Click on "Media" in the "Settings" menu.

Change Large Size to 900 width and 600 height. The other settings should remain as the default.

WPFolio

Don’t forget to click "Save Changes"

Permalink Settings

Click Permalink in the Settings menu. Enter the following in "Custom Structure":
/%category%/%postname%

This will make the url more "friendly" and will be in everyday language.

Click "Save Changes".

WPFolio

For more information see WordPress Docs on Permalinks. Technical problems can develop when creating friendly urls. This is probably caused by an .htaccess file that is not writable or does not exist. Read the Wordpess Docs on Permalinks to solve the problem. Most of the information you need will be in the section titled "Using ‘Pretty’ permalinks".

Miscellaneous Settings

Leave the Miscellaneous Setting as is.

Configuring Widgets

Now we will add a couple of widgets to the “navbar” to create an easy-to-update menu. The names of Categories and Pages will be the items in the your navigation. Aside from my instructions you can also read the instructions on the WPFolio Site

Click "Widgets" in the "Appearance" in the leftside menu.

WPFolio

In "Available Widgets" drag the "WPFolio Categories" banner to the "navbar".

WPFolio

Open WPFolio Categories Widget by clicking the triangle at the top right. To customize the order of the categories fill in the catgory slug names in the order you wish. Be sure to separate them with a comma. If you are unsure of the category slug name go to Posts->Categories to check them. A slug name will be the category name written in all lower case letters with an underscore replacing white space. Don’t forget to click "Save".

Note: A category will not appear on your website until it includes posts.

WPFolio

In "Available Widgets" drag the "Pages" banner to the "navbar". I recommend that you place "Pages" beneath the "WPFolio Categories" widget. Pages will then appear after Categories in your site navigation.
WPFolio

Ordering Pages – Pages can be ordered alphabetically by title, by their ID or you can customize their order by choosing "Page order" from the drop down list.

WPFolio, ordering pages

You can also exclude pages by adding their ID number.

WPFolio, widget, exclude page

Skip this step if you are not customizing the page order. To customize "Page" order, navigate to Pages->Edit Pages and click on a Page. Add the order number to "order" in the "Attributes" subpanel. Remember that WordPress, like many digital products, starts with 0 and not with 1. Then "Update" your page.

WpFolio Ordering Pages

Note: You may notice some comments regarding ordering categories in the menu. The instructions above should minimize those problems. If you need to customize your menu more than this I suggest you use the Menus Plus+ plugin. Read my tutorial on how to use Menus Plus+ with WPFolio for installation and usage instructions.

Gallery Plus Settings.

Click Gallery Plus in Settngs menu.

You may wish to change "Gallery Columns" from 3 to 4, depending on how you want the layout of your "galleries".
Check "Show Title in Link"

Check "Image overly package" and add "lightbox" in the text box.
Check "Only show gallery when single post"
Leave the rest as is.

WPFolio