Setting up the basic menu

This theme uses WordPress 3.0 Custom Menus. Go to Appearance > Menus and you will see a panel where you can create new menus. Create one here and select the Primary location for it, click Save and your menu is ready.

This plugin is used to create 'Print' button in Recipe boxes but it needs to be configured properly. Go to wp-admin -> Settings -> Print Friendly & PDF. There are couple sections which needs to be set exactly like described below:

• Pick Your Button Style: Here you can pick button you want, but I reccomend the small grey one.
• Button positioning: Select 'Do not use CSS for button styles'
• Display button on: Add direct to template
• Webmaster Settings: change My Page Content Selected By: to Content Algorithm

Setting up the default background

For now CookingPress 2.0b has only one style (but we will add more) so it's important to set correct background. It should be added automatically but in any case here's how it should look:

Recipes can be created only if you've installed and activated FoodiePress plugin. By installing this plugin you get new form on posts where you can fill recipe informations. Here's how it should look:

While creating recipe, you need to fill as much information as you know about it, but the basic required is Ingredients and Instructions. Now step by step I'll explain each part.

• Recipe title recipe box is Schema.org compatible and it has to have title - if you won't put it here, the post title will be used
• Recipe theme each recipe box can look different, there are four default recipe templates but it's super easy to create your own if you have basic HTML&CSS knowledge - more about it in Customization section
• Short summary -it's not required but it's good to write something about recipe there, try to make it short!
• Indgrediets - here's important part - by default each ingredients is a Post Tag (this will be changed in future versions of FoodiePress with option to import tags as for new taxonomy - ingredients) This allows you to save them and reuse in next recipes thanks to autocomplete on this fields. Example - if you create post with recipe for chocolate cake, you add 'Dark chocolate' as one of ingredients, which also will be added to tags of this post. When you will create new recipe for different cake, which also requires dark chocolate, just by typing 'choco' you will see suggetsion to use the same ingredient name. Later, this is used to search all recipes by ingredients. You can drag and drop ingredients, and you can add Separator field, if for example you have two-parts recipe
• Instructions preferably step by step list of things to do , but you can easily put there even a video
• Preparation time; Cooking time; Yield first two are quite easy, the Yield is the quantity produced by the recipe (for example, number of people served, number of servings, etc).
• Nutrition Facts- these are not required, and probably won't be used much, but it's still pretty valuable info - the nutrtition lists is also Scheme.org compatible.
• Servings - that is custom taxonomy using to organize recipes by serving size, also part of Schema.org
• Difficulty level - that is custom taxonomy using to organize recipes by how hard they are to do also part of Schema.org
• Photo - it's good when recipe has photo included - if you've added Featured Image to the post, it will be used, if you've added photo here, it will be used instead of Featured Image

Creating posts is nothing special if you have even basic experience with WordPress. CookingPress theme offers couple of additional options in Post editor.

Post types

CookingPress support 3 types of posts. You can change them in right side box. Default is Standard - that one shows only text of post and thumbnail if it has any Featured Image added. The Video post will display video if you'll fill Video URL option, and Gallery type will display gallery you've created in post.

Below Editor you'll see Layout box and Post options box.

Layout box

Layout box gives you ability to select sidebar to display with post or page, and also select layout of post - you can put sidebar on left or right side, or just show full-width content. Right side is default.

You can create more sidebars in Theme Options in Sidebars section. Just follow instruction there.

Post options

• Gallery slider if you want to use Gallery post type, here is the place to create a gallery. Just click the blue button and select images for your gallery
• Link to Video - if you want to show video at the begining of post, paste here URL to movie (only from those sites: What Sites Can I Embed From?)
• Embed code - if you prefer to use embed code, or your service doesn't support oEmbed, you can put the code here

If you want to use shortcodes in post content, you need to write the excerpt or you might see non parsed shortcodes in search results or in front page.

pages have the same Layout options and Gallery option. Additionaly you can create slider with pages like on home page and page can be set to Full Width (no sidebar).

You can create more sidebars in Theme Options in Sidebars section. Just follow instruction there.

List of page templates:

Now when you have some posts, you can create slider for homepage! (you can also add them to any other static page)

First, go to wp-admin -> CookingPress Slider, here you will create your slider.

Only posts with Featured Image can be used in slider.

There are two types of sliders - Latest/Random post Slider and Selected Posts Slider

Latest/Random post Slider

Here you can select from which category or categories should slides be create, you can even choose them by tags, and decide if the group you selected will show only latest posts, or random. If you want select anything, full list of posts will be used. Below are slider settings, which are self-explanatory

Selected Posts Slider

Here you can select each slide post by post, you can drag and drop elements on the list.

After creating you first slider, you need to show it on HomePage, to do it go to Appearance -> Theme Options -> Slider, enable it by switching it to On, and select slider from the list below.

To use slider on page, select Page Template Name: Page with slide, and select slider from the option below Content Editor

This is special shortcode. It works in 3 ways:

1st way - Select photos:

[puregallery]

2nd way - Include any photos:

[puregallery include="96,113,245"]

2nd way - Exclude photos:

[puregallery exclude="12,43,56"]

CookingPress has some shortcodes which will help you to build awesome layouts.

Here is list of all shortcodes:

[clear]

[dropcap color=""] A[/dropcap]

It need's to be wrapped with [accordionwrap] shortcode

[accordionwrap] [accordion title="Accordion#1"] Lorem ipsum dolor sit amet, consectetur adipiscing elit tortor libero sodales leo, eget blandit nunc tortor eu nibh. Aenean nisl orci lorem, condiment ultrices consequat eu lorem ipsum dolor sit amet inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo dolor sit amet.[/accordion][accordion title="Accordion#1"] Lorem ipsum dolor sit amet, consectetur adipiscing elit tortor libero sodales leo, eget blandit nunc tortor eu nibh. Aenean nisl orci lorem, [/accordion][accordion title="Accordion#1"] Lorem ipsum dolor sit amet, consectetur adipiscing elit tortor libero sodales leo, eget blandit nunc tortor eu nibh. Aenean nisl orci lorem, [/accordion] [/accordionwrap]
                    

[button size="small" color="green" url="#" icon="icon-ok" iconcolor="white"] Text [/button]
                            

[tabgroup] [tab title="Tab 1" ] Aliquam egestas consectetur elementum class aptent taciti sociosqu ad litora torquent perea conubia nostra lorem inceptos orem ipsum dolor sit amet, consectetur adipiscing elit.[/tab] [tab title="Tab 2"] Lorem ipsum pharetra felis. Aliquam egestas consectetur elementum class aptent taciti sociosqu ad litora torquent perea conubia nostra lorem inceptos orem ipsum dolor sit amet, consectetur adipiscing elit.[/tab] [tab title="Tab 3"] Lorem ipsum pharetra felis. Aliquam egestas consectetur elementum class aptent taciti sociosqu ad litora torquent perea conubia nostra lorem inceptos orem ipsum dolor sit amet, consectetur adipiscing elit. [/tab] [/tabgroup]
                    

[toggle title=" How much does it cost?"] Perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. Donec ut volutpat metus. Vivamus justo arcu, elementum a sollicitudin pellentesque, tincidunt ac enim. Proin id arcu ut ipsum vestibulum elementum. [/toggle]
                            

[highlight color=""] text [highlight]

[row]

CookingPress is based on Bootstrap 3 grid - Full width page has 12 columns. Here's more about how this grid works getbootstrap.com/css/#grid

[column xs="4" sm="4" md="6" lg="11" custom_class="" ] Put here content[/column]
                            

You can use other shortcodes in columns.

[list type=check]
<ul>
<li> list item </li>
<li> list item </li>
</ul>
[/list]
                            

[box type=error] Error! Please fill in all the fields required. [/box]
                        

Recipe templates

There are 4 default layouts in CookingPress:

It's easy to create your ownn templates, let's learn how:

• All core templates are stored in wp-content/plugins/foodiepress/public/templates/

• To create your template, duplicate the 'minimal' template as it's good place to start, rename it as you want and put to wp-content/uploads/foodiepress/ - this way it won't be removed after update

• Inside you'll find file index.tpl, style.css and folder images and partials (partials can be used for repeatable elements, but we probably won't need it)

• index.tpl is nothing more than html file, but it contains tags to display dynamic recipe elements.

• in style.css keep styles for every elements of the recipe, what's important is to use prefix for each elements with the name of your template. Example: if you've named your template 'Flowers Theme' and folder name is 'flowerstheme', you want to add style for recipe thumbnail, the CSS you'll add will be:

  .flowerstheme .recipe-image { padding: 5px; }

• The templating engine for recipes is Dwoo.org, you can check how to use, it support simple operation and if statement

• After creating template you need to add it to list, for this you need to add to your functions.php

  function my_own_themes( $array ){
      $array['flowerstheme'] = array(
                  'name'=>'Flowers Theme',
                  'origin' => 'user'
                  );
      return $array;
  }
  add_filter( 'foodiepress_themes', 'my_own_themes',10);
  

  You need to keep the same names as your templates folder name, if everything went ok, you'll see it on the list of templates in Recipe Editor