Sharpfolio Quick Setup Guide

WordPress 2.8.4 (latest version)

3 EASY STEPS!

Step 1: Installing WordPress

- Download the latest release of WordPress : http://wordpress.org/download

- Unzip the downloaded file to a folder on your hard drive

- Create a database for WordPress on your web server, as well as a MySQL user who
has all privileges for accessing and modifying it

- Rename the wp-config-sample.php file to wp-config.php

- Open wp-config.php in your favorite text editor and fill in your database details to generate
and use your secret key password

- Place the WordPress files in the desired location on your web server (via ftp)
If you want to integrate WordPress into the root of your domain (e.g. http://example.com/),
move or upload all contents of the unzipped WordPress directory (but excluding the
directory itself) into the root directory of your web server

If you want to have your WordPress installation in its own subdirectory on your web site
(e.g. http://example.com/blog/), rename the directory WordPress to the name you'd like the
subdirectory to have and move or upload it to your web server. For example if you want
the WordPress installation in a subdirectory called "blog", you should rename the
directory called "WordPress" to "blog" and upload it to the root directory of your web
server

- Run the WordPress installation script by accessing wp-admin/install.php in your favorite

web browser.
If you installed WordPress in the root directory, you should visit: http://example.com/wp-
admin/install.php

If you installed WordPress in its own subdirectory called blog, for example, you should
visit: http://example.com/blog/wp-admin/install.php
Step 2: Installing Sharpfolio
- Download Sharpfolio from http://www.webrevolutionary.com/Sharpfolio.zip

- Open your ftp and Navigate to where WordPress is installed and locate the /wp-
content/themes/ directory. Upload the /sharpfolio/ directory on there.

- Activate the sharpfolio within your WordPress admin panel

Login in your WordPress admin area : http://example.com/wp-login.php or
http://example.com/blog/wp-login.php

Select the Appearance panel, then Themes (Dashboard > Appearance > Themes)
From the Available Themes section, click “Activate” on “Sharpfolio 2.1 by Matt Lenz”.
click “visit site” on top left to see your new theme

- Upload plugins (sharpfolio > plugins > shadowbox-js) via ftp to wp-content > plugins >
shadowbox-js

- Activate “shadowbox-js”
Select the Plugins panel then Installed (Dashboard > Plugins > Installed).
From the available plugins, click “Activate” on “Shadowbox JS”

- Upload plugins (sharpfolio > plugins > simplemodal-contact-form-smcf) via ftp to wp-
content > plugins > simplemodal-contact-form-smcf

- Activate “SimpleModal Contact Form (SMCF)”

Select the Plugins panel then Installed (Dashboard > Plugins > Installed).
From the available plugins, click “Activate” on “SimpleModal Contact Form (SMCF)”
Step 3 : Customization
- Setup and customize “Shadowbox JS”
Select the Settings panel then Shadowbox JS (Dashboard > Settings > Shadowbox
JS)
Default setting should work.

- Setup and customize “SimpleModal Contact Form”

Select the Settings panel then simpleModal Contact Form (Dashboard > Settings >
SimpleModal Contact Form).
Here is the screenshot (recommended settings) :
http://webrevolutionary.com/sharpfolio-demo/SimpleModalContactForm.png

- Permalinks
Select the Settings panel then Permalinks (Dashboard > Settings > Permalinks)
Under common settings, please choose “Numeric” then save

- Adding Posts (image)

Select the Posts panel then Add New (Dashboard > Posts > Add New)
please check step by step instruction at : http://webrevolutionary.com/wordpress/wp-
content/uploads/2008/03/instructions.png

Sample of how "Dutch Advanced Photoshop" image in demo was done.

http://webrevolutionary.com/sharpfolio-demo/Sharpfolio_setup_sample.png
--

- Adding Posts (embedded video)

Select the Posts panel then Add New (Dashboard > Posts > Add New)

Please choose “HTML” tab…

Copy embedded code from youtube, vimeo or other video services then paste on editor.

example :
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="282"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0
,40,0"><param name="quality" value="best" /><param name="allowfullscreen" value="true"
/><param name="scale" value="showAll" /><param name="src"
value="http://www.vimeo.com/moogaloop.swf?
clip_id=840140&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=0&amp;show_
byline=0&amp;show_portrait=0&amp;color=00ADEF" /><embed type="application/x-shockwave-
flash" width="500" height="282" src="http://www.vimeo.com/moogaloop.swf?
clip_id=840140&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=0&amp;show_
byline=0&amp;show_portrait=0&amp;color=00ADEF" scale="showAll" allowfullscreen="true"
quality="best"></embed></object>

Add title and custom field (description)

Choose category for your project

- Adding Posts (display video from youtube/vimeo on shadowbox)

Select the Posts panel then Add New (Dashboard > Posts > Add New)

Please choose “HTML”

 copy video URL from youtube, vimeo or other video services

Follow this format :

<a href="video url" rel="shadowbox"><img src="image url " alt="" width="imagewidth"
height="imageheight" /></a>

Example :
<a href="http://www.youtube.com/v/JU45cR6aMvw" rel="shadowbox"><img
src="http://gnuinne.com/wordpress/wp-content/uploads/2009/10/youtube.jpg" alt="
" width="500" height="310" /></a>

Please use http://www.youtube.com/v/JU45cR6aMvw format instead of

http://www.youtube.com/watch?v=JU45cR6aMvw

Add title and custom field (description)

Choose category for your project

- Adding Posts (Iframe – display external site on shadowbox)

Select the Posts panel then Add New (Dashboard > Posts > Add New)

Please choose “HTML”

Follow this format :

<a href="external site" rel="shadowbox"><img src="image url" width="imagewidth"
height="imageheight" /></a>

Example :
<a href="http://tcritic.com/" rel="shadowbox"><img
src="http://webrevolutionary.com/sharpfolio-demo/wp-
content/uploads/2008/03/tcritic1-500x814.jpg" width="500" height="950" /></a>

Add title and custom field (description)

Choose category for your project

- Setup Contact Form

Please add new page (Dashboard > Pages > Add New)

Title = contact
Description : leave it blank
Permalinks : http://yourdomainname.com/contact

Note :
- Project categories appear on top menu.
- if you want to disable comments, just uncheck “Allow comments on this post” and “Allow
trackbacks and pingbacks on this post” on your post.

Demo : http://webrevolutionary.com/sharpfolio-demo/

View all our popular “Free WordPress Themes”

http://webrevolutionary.com/category/themes/