Jenzoo - Instructions
http://www.vooshthemes.com
Thank you for downloading Jenzoo. Please get in touch at support@vooshthemes.com if you have any feedback or comments about the theme.
Table of Contents
1. Installation
There are two ways in which you can install the Jenzoo theme - the easiest approach is to upload the theme through your WordPress admin area. To do this, you need to select the "Themes" page from the Appearance menu and then select the "Add New" button.
You then need to select the "Upload" tab and browse to the location of the jenzoo.zip file. Once you have located the file, click the "Install Now" button and it will start installing your theme. This could take anywhere up to a couple of minutes to complete depending on the speed of your internet connection.
Once the upload has completed, return to your "Themes" page and activate the Jenzoo theme.
Another way in which you can install the Jenzoo theme is to upload the files yourself via FTP. To do this you will initially need to unzip the jenzoo.zip file - once you've done this you should have a folder called "jenzoo".
Copy this folder to your WordPress "themes" directory using your FTP client of choice. The location of this directory depends on where you installed WordPress, but it will typically be something like public_html/your_blog_name/wp-content/themes/.
Now log into your WordPress installation and access the "Themes" page under the "Appearance" menu - you should be able to see a thumbnail of the Jenzoo theme - activate Jenzoo and it will replace the old theme you were using.
2. Add Your Own Logo
To upload your own logo, you need to visit the Jenzoo Theme Options page in your WordPress admin area.
If you'd like to use an image, click the "Choose Logo" button and select your image. Also ensure that you tick the "Use Image For Logo" checkbox.
If you'd prefer to use text for the logo, simply type a name in the box provided and the text will be displayed.
Make sure you save any changes made.
3. Navigation
To create the navigation section, you initially need to create some pages in your WordPress Admin area. You then need to access the "Menus" link under the "Appearance" tab in left menu:
Then create a new menu (name it whatever you like) and add all of your pages to that menu.
Organize the pages how you would like them to appear on your site and then ensure you save any changes made.
4. Create A Front Page
By default, the home page for your site is your blog - however, if you'd prefer to have a separate front page that then links to your blog, you need to follow these steps.
At the very least you will need to have created two pages - in these instructions, we'll assume that you have two pages called "Home" and "Blog" (although you can name them anything you like).
For the "Home" page that you've created you need to tell WordPress to use the appropriate template. To do this, select the page in your WordPress Admin area and select "Front Page" from the dropdown box under the "Template" option.
Next, you need to access "Settings > Reading" from the WordPress menu to get to the "Reading Settings" page.
For the "Front page displays" field, you want to select the radio button for "A static page" and then set the "Front Page:" dropdown to "Home" and the "Posts Page:" to "Blog" (as seen below).
If you then save the changes and view your blog you should notice that you now have a homepage that is different from the standard blog page that you would normally see. Your blog posts are accessible through visiting the "Blog" link that you created.
5. Configure The Front Page
There are several areas you'll need to configure on the front page - the first is the headline for the featured section:
To edit this text, you need to open the "photoshop/featured-title.psd" file in Photoshop and then change the text. Once you've completed this, save the file as "featured-title.png' and save it to the "images" folder.
The process is also the same for the subtitle below the main headline:
Open the "photoshop/featured-subtitle.psd" file in Photoshop, change the text, and then save it in your "images" folder as "featured-subtitle.png".
To change the text below the subtitle you need to edit line 18 in the "frontpage.php" file - simply type what you would like to be displayed and then save your changes. Next, you need to provide a URL on line 19 to ensure that the "View My Portfolio" button links to the page that you would like displayed.
The next area to configure is the image that's displayed to the left - to do this, upload an image that is 375x225px in size to the "images" folder. Then edit line 13 in the frontpage.php file and change the path in the "src" attribute to point to the image you uploaded.
The next section is the "My Latest Projects" area - this will automatically be generated for you when you create the portfolio in step 6. Below the projects section there are three text blocks - you can edit what's displayed in these blocks between lines 59-80 in the "frontpage.php" file.
The final section to configure is the footer - you can alter what's displayed here by editing the "footer.php" file (in particular, lines 3 and 4).
6. Build A Portfolio
A Portfolio contains both the portfolio page (where a list of your projects are displayed) and a project page that contains more specific details about each project.
To create a new portfolio you initially need to create a new page called "Portfolio" and set the template for that page to "Portfolio" on the right-hand side of the WordPress admin area (in the same way you did for the front page in step 3).
You then need to access the "My Portfolio" link in the WordPress menu and select the "Add New" link:
Following this, you need to provide a title for the project along with some text related to that project (as seen in the above screenshot).
Underneath that in the "Portfolio Options" section you need to provide a URL to a larger image that will be will be displayed to the right on the project description page. This image needs to be be 430px in width (the height can be any size).
The final step you need to take is to upload a thumbnail for the project that will be displayed on the portfolio page you created. This has to be 280x190px in size and you can upload it by selecting the "Set featured image" link on the right-hand side.
7. Create A Contact Page
A Contact Page contains a form that your visitors can complete to get in touch with you - once they've completed the form, the details then get emailed directly into your inbox.
To set this up, create a page, and set the template for that page to "Contact".
You then need to edit line 33 of the scripts/contact-process.php file and change the email address to your own.
Finally, you need to edit the js/contact-form-process.js file and change line 13 so that it includes your URL - so, for example, you would have something like the following:
$.post('http://www.yoursite.com/wp-content/themes/akono/scripts/contact-process.php', {name: input_name, email: input_email, subject: input_subject, message: input_message}, function(data){
You'll also want to edit the contact sidebar - to change these details you'll need to access the Jenzoo Theme Options page:
Simply add your details and then save the changes you've made.
7. Configure Google Analytics
To configure Google Analytics for your site you'll again need to access the Jenzoo Theme Options page:
Copy and paste the code that Google provides you with and save your changes. Google Analytics will then be integrated with your site.