1: Installation

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.

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.

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.

Footer Info Widget

Footer info widget is to put site logo in footer and company information under it. There is a readmore button like where you can guide user to your full company information page or wherever you want.

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

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