Created: 31/03/2012
Last Update: 08/03/2013
Support: Support Site
Developed By: 960Development

Thank you for purchasing Food Recipes WordPress Theme . If you have any questions that are beyond the scope of this help file, please feel free to create a ticket for us at Our Support Site. Thanks!

Please remember to rate theme! To do so, go to your downloads page and click on the star rating! Thanks! See This Image.

#### How to Get Themeforest Item Purchase Code to Create a Support Ticket

To open a ticket You need to log into your Themeforest account and go to your “Downloads” page. Locate the the theme that you purchased in your “Downloads” list and click on the “License Certificate” link next to the download link. After you have downloaded the certificate you can open it in a text editor such as Notepad and copy the Item Purchase Code. Finally, use this Item Purchase Code when registering on our Support site. Thanks!

# A) Disclaimer

I offer limited support for theme customers. I only provide support for my themes and their core features and functionality. I cannot guarantee my themes will function with all third party plugins and server environments. If you plan on adding numerous plugins to this theme, please note I cannot facilitate support of any conflicts they might cause with the default functionality. The Food Recipe WordPress theme is presented as it is.

# B) Getting Started

Welcome to Recipe Theme Documentation. In start you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex Installing WordPress

## 1: Installation

Please make sure to unzip the package that you downloaded from themeforest, Before uploading it to your WordPress installation as a theme. Because, it is not only a theme and contain many other related files & folders like Documentation, Import XML, License Text, PSDs, Theme Files and Theme Zip

When you are ready to install a theme, you must first upload the theme files and then activate the theme from Appearance > Themes. Theme files can be uploaded in two ways:

FTP Upload: Using your FTP program, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server.

OR

WordPress Upload: Navigate to Appearance > Themes > Install Themes > Upload. click 'Choose File', and select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed.

Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate your chosen theme.

Note:The Theme zip name is food-recipe.zip. which you will find in the downloaded package from themeforest

#### Install Child Theme

It is better to use child theme and if you need to modify anything you modify in child theme only. This way you can easily update your parent theme when new update becomes available on themeforest. You can read more about child theme from here.

To install child theme for Food Recipe, you need to upload the food-recipes-child.zip and activate it the same way you uploaded food-recipe.zip as guided above.

### Translating Theme to Your language

If you want to translate the theme to your language then read the following article on our support site. How to translate your theme to your language

### Installing Required Plugins

Food Recipe WordPress Theme Requires to Install two supportive plugins.

1. Option Tree
2. WP Post Views

#### Installing OptionTree Plugins

OptionTree Plugin that you can download from here

#### Installing WP Post Views

WP PostViews Plugin that you can download from here

## Setting up Homepage

To set up the homepage you must create a new page, you can do so by navigating to Pages > Add New. You can give this page a title yet you do not have to include any content. Select the “Home” template from the Page Attributes section and click “Publish”.

Once you have created your new page which uses the “home” page template, navigate to Settings > Reading and configure the “Front Page Displays” setting. Select the static page option and choose the page you just created as your front page.

Your homepage is now created and can be configured through the theme options.

### Logo And Favicon

To configure homepage from theme options you have to click Appearance > Theme Options. Here you can see first tab Named Home Page on the left column and its options on right side. First Two options are given below.

- Header Logo: Here you can upload a logo for your website. Food Recipes logo which you can see on demo site is 164px in width and 57px in height. It is batter that you put your logo near to these dimensions.
- Favicon: Here you can upload a favicon for your website in PNG format. This will appear beside you title of the website in browser's title bar.

### Selecting and Setting Up Sliders

After Selecting Logo for the website and favicon, you can see an option for selecting slider type for your homepage. There are 5 types of sliders given in Food Recipes Theme. You can see setting up process for each slider in videos give below.

#### Recipe Post ID

For sliders you need recipe post id to attach slides/image with related recipes. So, this image below will guide you from where you can get Recipe ID to use in sliders.

##### 1) Setting Up Left Image Slider

##### 2) Setting Up Basic Slider

##### 3) Setting Up Nivo Slider

##### 4) Setting Up Accordion Slider

##### 4) Setting Up Thumbnail Slider

### Selecting Hot Recipes

Under Sliders section you can see four fields for homepage hot recipes where you can select recipes to show in Whats Hot section. All of your recipes will be listed in these fields.

## Setting up Blog

To set up the blog, you must create a new page, you can do so by navigating to Pages > Add New. You can give this page a title of “blog” yet you do not have to include any content. Click “Publish”.

Once you have created your new page, navigate to Settings > Reading and configure the “Front Page Displays” setting. Select the static page option and choose the page you just created as your posts page. Your blog index is now created and can be viewed by visiting the page you just published.

## Setting up Contact Page

Food Recipe Theme has a contact page template and few options in theme options panel to help you setup a contact page like the one you can see here.

You can find your locations Latitude and Longitude from here.

### Create Contact Page

create a new page and assign it contact us template. As, displayed in image below.

### Configure Contact Options

Configure contact options from theme options, as displayed in image below.

### Configure Contact Sidebar Widget

you can add simple text widgets in contact page sidebar to display your office address information as displayed in image below.

## Setting up Recipes Listing Page

Recipes Listing Page will be a page like the blog page for your blog posts. Recipes Listing page will list all the recipes with pagination.

## Setting up Submit Recipe Page

To setup recipe submit page you need to create a new page with Submit Recipe page template.

Also make sure that you have allowed Membership from General Settings. So, that anyone can register and submit a recipe.

# C) Theme Features

The theme comes packed with features that control the layout and extend the functionality of WordPress. This section will document those features and how to use them successfully.

## Custom Menus

### Setting Up Main and Social Menu

The theme has two custom menu locations, one is main menu and other is social menu. You can assign each location a custom menu.

To setup your custom menus, navigate to Appearance > Menus. Give your menu a name and build it up. You can add a variety of items including pages, categories, custom links. Once you have built your menu, save it and assign it to a location.

Main Menu: Main Menu is intelligent menu. You can manage it by giving instruction and if it is getting wider than available space, it will automatically make a dropdown menu at the end for the rest of menus.

Social Menu: Social Menu is a class based menu. Enable Classes from screen options at the top right corner and give your every menu a class and add the related link for it. Available Range of Classes are:
'facebook',
'twitter',
'rss',
'flickr',
'amazon',
'myspace',
'apple',
'bhance',
'blogger',
'deviantart',
'dribbble',
'google',
'linkedin',
'me',
'picasa',
'pinterest',
'plus',
'sharethis',
'skype',
'stumbleupon',
'vimeo',
'wordpress',
'yahoo',
'youtube'

## Theme Options

The theme comes with easy to use theme options panel. You can access it by navigating to Appearance > Theme Options. The theme options are conveniently spread over a number of vertical tabs and each tab contains the options that relates to a particular area of the theme.

## Custom Post Type Recipe

Food Recipe has a custom post type named Recipe. You can manage your recipes and can add detailed information about it.

### Adding a Recipe

#### How to Add a Recipe

Adding recipe is same process as adding a post but with some aditional information. Click on the Recipes > Add New in left side menu of wordpress admin panel. You have to give your recipe title and little detail about it in editor. You can use all shortcodes in the editor. If you are using Ingredients and Methods given under this page then you have to put shortcode of each one here. '[ingredients]' to show all Ingredients and '[method]' to show all method steps you have entered or you will enter later on.

Under content editor area you can see a Recipe Video box. From here you can select rather your recipe can have a video instead of featured image or not. If you enable the video then you have to put its code and select video service you are using.

On the right side of this page you can tag your recipe to make it more friendly for local search and for search engines that your recipe is related to which type etc. You also can select or assign a type for your recipe in Recipe Type metabox. You can assign a Cuisine to your recipe using Cuisines metabox.

You can assign Courses, Ingredients and Skill Level needed for your recipe. Selecting ingredients here is different than giving these again in your recipe details. Adding ingredients here will make your recipe searchable by local search and search engines according to ingredients used.
Assign your a post thumbnail to show it in recipe listing and on single page.

Setting featured image

Under post text editor you can see Recipe Information metabox. In this box you can give details for your recipe. At the start you can see a Recipe Video box. From here you can select rather your recipe can have a video instead or not. If you enable the video by clicking yes then you have to put its embed code in the given box under it. Note: Your recipe will have video on featured image area instead of featured image. Also you have to use Recipe Template with sidebar instead of full width recipe template from theme options.

If you are not using video for your recipe then you can add more images for this recipe to show in gallery on single page. also you can add more information like Yield, Servings, preparation time, Cook time and Nutritional Information. You also can add ingredients as many as you want using '+' sign on the right side. Same with method steps. You can add recipe details step by step here using '+' sign.

Note: you have to add shortcodes for Ingredients and Methods in content area to show them. [ingredients] to list your Ingredients and [method] to show your method steps for recipe.

#### Recipe Style Variations

Food Recipe Theme has two styles for you to display your recipe. You can choose a style from Appearance > Theme Options > Other Options > Select Single Recipe Template Type. One type is full width where you can see all images about recipe in accordion and all other information in full wide area without sidebar. Other one is to have a sidebar and put some more widgets for you in it.

## Custom Widgets

The theme comes with 12 custom widgets that can be used to configure how your site displays content - the widgets can be found under Appearance > Widgets. Detail about every widget is given below.

### Custom jQuery Tabs Widget

This widget is for home page widgetized area and sidebars. You can make three tabs in it and select different types of listings for your recipes.

### Custom Ads Widgets

There are two Custom Ad Widgets in this theme. One is for homepage and other one is for sidebar. Both can be easily identified by their names in widgets section. These both widgets have specified the size of image and have link fields for image path URL and Target URL where you want user to go.

### Custom Archive Widget

This widget is to display archive links in your sidebar or footer columns area. You can display archives Daily, Weekly, Monthly or yearly bases.

### Recipe Types Widget

Recipe Types widget is to list all recipe types with links to their related archive pages.

### News And Events Widget

New and Events Widget have latest posts from your blog. You can use this widget in sidebar, footer columns and also in homepage bottom area.

### Weekly Special Recipe Widget

Weekly Special Recipe Widget have one special recipe to show. You can use this widget in sidebar, footer columns and homepage bottom area. To select that specific recipe you have to go in Appearance > Theme Options > Other Options and then select weekly special recipe from the given list.

### Custom Twitter Widget

Custom Twitter Widget is to show your latest tweets from your twitter account. You can specify twitter username and number of tweets to show and let people know what you are sharing on twitter.

### Recent Recipes Widget

Recent Recipes Widget shows latest recipes from your recipe post type. You can select number of items to show from this widget options.

### Recipe Slider Widget

There are two slider widgets for sidebar. You can choose between them to slide your recipes by recipe type or by cuisine.

## Short codes

The theme comes pre-packed with a number of short codes allowing you to add styled content to your site with little effort.

### Columns

Columns shortcode is easy way to make columns in your page or post. All short codes related to columns and usage of these codes is mentioned below:

        [columns][/columns] <===== You should wrap all columns in it.
        [two_column][/two_column]
        [one_third][/one_third]
        [two_third][/two_third]
        [one_fourth][/one_fourth]
        [three_fourth][/three_fourth]

Usage:

### jQuery Accordion

jQuery Accordion shortcode makes an accordion. Its usage example is given below:

    	[accordion]

    		[accor_block active=true title="First Accordion Item"]Some Contents[/accor_block]
    		[accor_block title="Second Accordion Item"]Some Contents[/accor_block]
    		[accor_block title="Third Accordion Item"]Some Contents[/accor_block]

    	[/accordion]

### jQuery Toggle

Making a toggle information box is easy with jQuery Toggle Shortcode. See its usage below:

    	[toggle]

    		[toggle_block title="Your Toggle Title"]Toggle Contents[/toggle_block]

    	[/toggle]

### jQuery Tabs

jQuery Tabs shortcode makes beautiful tabs in very simple way.

    	[tabs titles="First Tab, Second Tab, Third Tab"]

    		[tab_block] First Tab Contents [/tab_block]
    		[tab_block] Second Tab Contents [/tab_block]
    		[tab_block] Third Tab Contents [/tab_block]

    	[/tabs]

### Buttons

Default styled button can be created with this simple shortcode. This is flexible button so it will expand with text length.

    	[button link="http://www.google.com" target="_blank"]Simple red button[/button]

### List Types

There are four different styles of list available in Food Recipe theme. Usage is given below:

    	[list type="checked"]
    		your list item
    		your list item
    		your list item
    		your list item
    	[/list]

Available types are: "checked", "arrow", "arrow2", "arrow3"

### Message Boxes

We have five different types of message boxes in Food Recipe theme. Usage and types are mentioned below:

    	[note]Your Note Message Her[/note]
    	[note type="error"]Your Note Message Her[/note]
    	[note type="hint"]Your Note Message Her[/note]
    	[note type="alert"]Your Note Message Her[/note]
    	[note type="note"]Your Note Message Here[/note]

### Special Headings

We have two types of special headings. Usage is mentioned below:

    	[red_heading]Toggle[/red_heading]
    	[blue_heading]Toggle[/blue_heading]
    	[red_heading border="true"]Toggle[/red_heading]
    	[blue_heading border="true"]Toggle[/blue_heading]

making border true will display a border line under the heading.

### Blockquote

We have simple blockquote with different options. Usage is given below:

    	[blockquote width="290" align="left"]Your quote here[/blockquote]

you can mention its size in width attribute and its alignment in align attribute. align attribute support two values right / left. Specifying the align attribute will make other contents to float around it.
Note: Giving no attribute at all will give you normal 100% wide blockquote.

### Custom Menus

You can put beautiful custom menus anywhere in the site by using this shortcode. Usage is given below:

    	[menu]
    		your menu list item
    		your menu list item
    		your menu list item
    		your menu list item
    		your menu list item
    	[/menu]

### Step Headings

Step heading is to display steps in a recipe description. So, You can mention your recipe steps by using this recipe.

    	[step_head]Step 01[/step_head]
    	[step_head]Step 02[/step_head]

### Horizontal Line

Normal horizontal line is simple and properly stylized but if you want your horizontal line (<hr />) fatter than that, use this shortcode.

    	[hline_fat]

### FAQ List Shortcode

On faq page you can put your question and answers easily by using given shortcode.

    	[faq_wrapper]

            [faq_item title="Maple and a layer of nuts in this buttery dessert makes Christmas oh so special!"]
                    Put Your Answer Here.!
            [/faq_item]

            [faq_item title="Maple and a layer of nuts in this buttery dessert makes Christmas oh so special!"]
                    Put Your Answer Here.!
            [/faq_item]

    	[/faq_wrapper]

Note: title property is used to put question in this faq shortcode

### Ingredients Shortcode

On Single Recipe page you are required to use [ingredients] shortcode to display the ingredients added in metaboxes.

There are two variations of this shortcode. The default title is "Ingredients" if you want to specify your own title you can specify it using title attribute as given in second variation.

    	[ingredients]

    	[ingredients title="My Heading"]

### Method Shortcode

On Single Recipe page you are required to use [method] shortcode to display the method steps added in metaboxes.

There are two variations of this shortcode. The default title is "Method" if you want to specify your own title you can specify it using title attribute as given in second variation.

    	[method]

    	[method title="My Heading"]

To see shortcodes outputs visit following links.
Feature
Typography and Columns

## Custom Page Templates

The theme comes with a number of in built custom page templates. These templates can be used on individual pages to change the display or functionality.

#### Homepage Template

Homepage template is well elaborated in stylizing homepage portion above. It has a slider, some hot recipes area and a widgetized area for some specific widgets and an advertisement widget.

#### Recipes Listing Template

Recipes Listing Template is used to make a recipe listing page where you can list all recipes. With Pagination. Like a blog page for blog posts.

#### Contact Page Template

Contact page template is used to show your contact information, a map and fully functional AJAX Based contact form.

#### Full Width Page Template

Default Template is a page with sidebar. Full Width Page Template is for those pages on which you want no sidebar.

#### Recipe Submit Page Template

Recipe Submit page template provides the front end interface for users to submit recipes. After version 2.0 it is taking all ingredients and method steps from this template. It allows user to sign up and submit recipe as draft and left for review from admin.

## Featured Image sizes

Each uploaded image in WordPress will be intelligently croped in different sized thumbnails. Image sizes are given below.

Size | Width | Height
--- | --- | ---
Post thumbnail size for admin side view | 50px | 50px
Blog Listing Thumbnail | 575px | 212px
Recipe Listing Thumbnail | 250px | 212px
Portfolio Thumbnail | 220px | 140px
Sidebar Tabs Recipe Thumbnails and Most Rated Recipe Thumbnails | 63px | 53px
Recipe Four Column Listing Thumbnail | 222px | 144px
Thumbnail for Carousel on Recipe Single Page | 132px | 104px
Slider Image | 515px | 262
Basic Slider Image | 903px | 386px
Weekly Special Recipe Thumbnail | 122px | 132px
Sidebar Recipe Mini Slider Widget Thumbanil | 302px | 196px

# C) Theme Files

## Cascading Style Sheets

There is a main Stylesheet file in Food Recipes theme folder which is style.css file. After that there are some other stylesheet files helping jQuery contents etc. All files are listed below.

Main Stylesheet | `style.css`
Nivo Slider Stylesheet File | `nivo-slider.css`
Nivo Slider Theme Stylesheet File | `default.css`
Pretty Photo Stylesheet file | `prettyPhoto.css`
Metabox Stylesheet Files | `color, image, upload, select, style, taxonomy, wysiwyg.css`

## JavaScript Files

There are few javascript files in Food Recipe theme and those are listed below.

Main JavaScript File | `script.js`
Nivo Slider File | `jquery.nivo.slider.js`
PrettyPhoto File | `jquery.prettyPhoto.js`
Accordion Slider | `accordion-slider.js`
jQueryUI | `jquery-ui-1.9.2.custom.js`
jQuery Background Animation | `jquery.backgroundPosition.js`
jQuery Cycle Slider Plugin | `jquery.cycle.js`
jQuery Easing Plugin | `jquery.easing.1.3.js`
jQuery Form Plugin | `jquery.form.js`
jQuery Form Validation Plugin | `jquery.validate.js`
Metabox Scripts | `clone, color, file, image, upload, slider, taxonomy, time & date pickers.js`

## Photoshop Files

There are 7 PSD Files included in this theme's Package.

Blog Post | `blog - post.psd`
Blog | `blog.psd`
Home Page | `homepage.psd`
Single Recipe Full Width | `signle-recipe-full.psd`
Single Recipe With Sidebar | `single-recipe-new.psd`
Full Width Template | `full-width.psd`
Contact Us Page | `contact-us.psd`

# Theme Customization

My team offer theme Customization services based on availability and you can request a quote for your theme Customization using the the following Get a Quote form.

You can also hire another WordPress developer for theme Customization. As theme is built in a standard way and easy for any developer to customize. For any pointers you can create a support ticket and we can guide your developer. Here are some good WordPress jobs sites where you can put the task of your Customization to hire a developer.

- http://jobs.wordpress.net/
- http://wpquestions.com/
- http://www.wpmayor.com/wordpress-jobs/

Once again, thank you so much for purchasing this Theme As I said at the beginning, I'd be glad to help you if you have any questions relating to this Theme. No guarantees, but I'll do my best to assist. If you face any problem, feel free to post a ticket on our support site.