Navigation:

Viewing Article

iFolio - Installation -- Jan 30 2012, 7:59 AM

Contents of this document





Installing iFolio



  • 1. Primary: Login to your wp-admin area and go to Appearance -> Themes. Go to Install tab and click on Upload link. Select theme .zip and click "Install Now" button. Almost done. Now go to step 3. If you have any errors, use alternate method.

  • 2. Alternate: Upload the whole folder (iFolio) to your server Via FTP and place it in the /wp-content/themes/ folder. Do not change the directory name, it case sensetive. The template files should thus be here now: /wp-content/themes/Ifolio/index.php (for example).

  • 3. CHMOD directory cache (wp-content/themes/Ifolio/cache) to 777 permissions. To read more about File Permissions you can go here: http://codex.wordpress.org/Changing_File_Permissions

  • 4. Now, it's time to setup main Theme Options. Go to iFolio Options and configure all required fields. Click "Update Options"

  • 5. Check Section 2 and Section 3 - Basic configuration if you have installed the template for the first time and need to make the initial setup and adjustments.



Explaining Theme Options


iFolio theme is one of outstanding portfolio wordpress themes. You can promote your apps, works, photos, etc. iFolio is a highly customizable theme, thus Theme Options has a lot of different settings. Here is the list of all available settings you'll find.


General Options:



  • Custom Logo - Upload custom logo, or specify the image address.

  • Home Link Text - Enter default Home link text. You can also replace home link and URL using Custom Menu

  • Meta Description - Enter a blurb about your site here, and it will show up on the tag. Useful for SEO.

  • Header - Show Search form? - using this option you can disable search form on the top of your page.

  • Show Fullposts? - Showing fullposts instead of post summary.

  • Product template - Display Settings - General template for your product section. Can be set to "Compact mode" or "Big Preview image" depending on your needs.

  • Enable Cufon font replacement - Enables JS font replacement tool.

  • Favorite Icons - Choose the favorite icon you would like to use or upload your own icon to Upload your icon to /wp-content/themes/Ifolio/images/icons/


Front Page - Slider



  • Homepage Scrolling pages - You can configure your page-based slider on this tab. Just click on "+" icon to add page. Selected pages will be automatically displayed on your homepage as a slides. If you need more information on how to add slide images you can read the following blog post: Adding slide images


Front Page - Intro



  • Display Intro section on homepage? - Control visibility of the Intro section.

  • Intro Text - Intro text here. You can use html tags to format your content.

  • Author tag - Author tag is useful for testimonial, leave blank to hide.

  • Testimonial Link Text - Link text, leave blank to hide.

  • Testimonial Link URL - Link URL, start with http://

  • Price Button Text - Button link text, leave blank to hide.

  • Price Button URL - Link URL, start with http://


Front Page - Featured pages



  • Show Featured section - Show or Hide Featured section.

  • Featured pages - select number of pages to be displayed as a "Featured".


Front Page - Products



  • Display Products section on homepage? - Show or Hide Products section on homepage.

  • Product Section - Title - Title for the Products section.

  • Product More Link Text - Link text, leave blank to hide.

  • Product More Link URL - Link URL, start with http://

  • Number of Products - Total amount of Products to display on homepage..


Front Page - Price Table



  • Show Price table? - Control visibility of the price table on your homepage.

  • Price Section - Title - Title for the Price section.

  • Price Table HTML - Edit this HTML code to update your price table.


Thumbnail Settings



  • Thumbnail assignment - Use the "Image" custom field or the first uploaded post image.

  • Enable Dynamic Image Resizer - This will enable dynamic image Resizer. Turn it off if you have any problems with thumbnails on your site.

  • Featured Pages Width - Thumbnail for homepage slider (navigation)

  • Featured Pages Height - Thumbnail for homepage slider (navigation)

  • Post Image Width - Custom image Width in Pixels

  • Post Image Height - Custom image Height in Pixels

  • Product Width - Custom image Width in Pixels (for product page)

  • Product Height - Custom image Height in Pixels (for product page)


Site Statistics Settings



  • Feedburner URL - Feedburner URL. This will replace RSS feed link. Start with http://

  • Facebook URL - Facebook URL. Start with http://

  • Twitter URL - Twitter URL. Start with http://

  • Flickr URL - Flickr URL. Start with http://

  • Dribble URL - Dribble URL. Start with http://


Contact Form



  • Contact Email - Enter the email address where contact for submissions should be sent. (i.e., webmaster@yoursite.com)

  • Subject - Enter the email subject used for contact form messages.

  • Page Text - Enter the message you want to appear above the contact form.

  • Thank You Message - Enter thank you message - the visitor will see after sending.



Basic Configuration


Ok, after you activated iFolio theme you'll see Theme Options panel. Here you can manage all theme options. Your theme will be installed with pre-defined homepage scrolling images which you can replace by your own.


If this a new Wordpress install, fill you blog with some content. Create posts, pages and categories. Here is some basic configuration tips:


How to configure Homepage Pages Scroller?


Please read Adding slide images tutorial on our blog.


How to add Contact Form?



  • 1. Create a new page, enter a page title.

  • 2. On the right menu select Contact template in a Template section.

  • 3. Fill the page with content and click on Update post button.


How to add Products?


Products taxonomy works exactly the same like WordPress Categories/Posts. You should add Sections (categories) and then Products (posts). To create a Product list page, like on our demo, you should do the following:



  • 1. Create new Page and name in Products (or pick any other name).

  • 2. On the right side find Page Attributes and for Template select Products from drop-down list.

  • 3. Publish this new page and add it to menu.


Having configured the main options you can start adding widgets. Pay attention to the specially designed NattyWP widgets. The theme supports 5 positions for widgets. These are:



  • Sidebar (Main) – This is the main widget area. You can add and configure all available widgets here. Using other 3 widget spaces are optional.

  • Sidebar (Post and Page) – This replace Sidebar Main widgets for the inner pages and posts.

  • Sidebar (Product) – Separate widget for single Product page.

  • Featured Alternative (Left, Right, Center) – Replace Featured Pages with widgets.


Widgets used in the demo on NattyWP


Sidebar:



  • Categories

  • iFolio Personal Networks

  • Tag Cloud

  • Twitter


Sidebar (Post/Page):



  • Categories

  • Recent posts

  • About Us

  • Flickr Photos


Sidebar (Products):



  • Custom Menu Navigation

  • Text Widget - From the Box

  • Contact Form - Email Us


 


Advanced Documentation


Read more about Page content formatting here.


Please check Premium themes Tutorials and Working with banners / adsense sections.