“Food Recipes Theme” Documentation by “960Development.com” v1.1.2

“Food Recipes WordPress Theme”
(shared on mafiashare.net)

Created: 31/03/2012
Last Update: 20/07/2012
Support: Support Site
Developed By: 960Development
Designed By: Sunil Joshi

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!

Table of Contents

  1. Getting Started
  2. Theme Features
  3. Theme Files

A) Getting Started - top

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

When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The 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.

WordPress Upload: Navigate to Appearance > Add New Themes > Upload. Go to browse, 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.

Installing Required Plugin: OptionTree

Food Recipe Theme Requires to Install OptionTree Plugin that you can download from here

Food Recipe Theme: Installing OptionTree Plugins

 

2: Setting up Homepage

Food Recipe Theme: Setting Up Home Page


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.

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.

Food Recipe Theme: Setting Up Left Image Slider

Food Food Recipe Theme: Setting Up Basic Slider

 

Food Recipe Theme: Setting Up Nivo Slider

 

Food Recipe Theme: Setting Up Accordion Slider

 

Food Recipe Theme: 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.

Homepage have a widgetized area at the bottom. Here you can put some widgets as you can see in Food Recipe Theme Demo.

The following image is displaying the use of widgets for homepage bottom area.

Food Recipe Theme: Setting Up Footer Options

Theme has three columns footer and two text statements below footer.

Footer's first column and two text statements can be configured from theme options as displayed in image below.

Food Recipe Theme: Setting Up Footer Widgets

Other two columns are widgetized areas and you can add widgets as displayed in image below.

3: Setting up Blog

Food Recipe Theme: 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.

4: 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.

The following video will demonstrate how you can setup a contact page for your website.

Step 1: Create Contact Page

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

Step 2: Configure Contact Options

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


Step 3: 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.

5: Setting up Recipes Listing Page

Food Recipe Theme: Recipes Listing Page Setup

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.

 

6: Setting up Submit Recipe Page

Food Recipe Theme: Recipe Submit Page Setup

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.

B) Theme Features - top

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.

1: Custom Menus

Food Recipe Theme: 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'}

2: 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.

3: 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
Food Recipe Theme: How to Add a Recipe Video 01 (Basic)



Food Recipe Theme: How to Add a Recipe Video 02 (Making the recipe rich)


Recipe Types

To categorize your recipes you have a Recipe Type area where you can name a group of recipes to make it easy for you and your viewers to access a specific kind of food recipes.

Recipe Style Variations

Food Recipe Theme has two styles for you to display your recipe. You can choose an 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.

4: Custom Widgets

The theme comes with 8 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

Custom Archive Widget is for sidebar only.

Recipe Types Widget

Recipe Types Widget is for sidebar only. It display list or 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 or homepage bottom area.

Weekly Special Recipe Widget

Weekly Special Recipe Widget have one special recipe to show. You can use this widget in sidebar or 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. This widget is footer specific and you can use it only in footer widgetized area.

Recent Recipes Widget

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

5: 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:
	[columns][one_third]
					
		Your Heading
				
		Your paragraphs and other contents
				
	[/one_third][/columns]
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"]

6: 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.

C) Theme Files - top

1: 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.

2: JavaScript Files

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

3: Photoshop Files

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

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 have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Shared on Mafiashare.Net

Go To Table of Contents