Installation & Settings Panel
Install the Cooked Plugin
- First things first, go to Plugins > Add New.
- Upload the cooked.zip plugin file and activate the Cooked plugin.
- Yep, that's it! For more help with installing plugins, take a look at this quick guide.
Importing the Demo Recipes
Cooked comes with a folder called Demo Content. It contains a number of importable files. Each one is named appropriately but some are different than others. To import the recipes, you need to:
- Go to Tools > Import and choose WordPress.
- Install and activate the WordPress Import plugin if it isn't there yet.
- Choose the demo-content.xml file to import the demo recipes.
Something you might want to do at this point is import the included settings file to get yourself started quicker:
- Make sure you've done the Demo Content import first (see above).
- Go to the Recipes > Settings panel.
- Go to the last tab called "Import/Export / Uninstall".
- Click on the "Import Settings" button and select the "recipe-settings.json" file from the "Demo Content" folder included with your download.
- That's it, you'll have the default settings ready to go.
Cooked Settings Panel
Head on over to the Recipes > Settings page to familiarize yourself with the settings panel for Cooked.
BROWSE RECIPES PAGE
This setting requires a page to be chosen (from the dropdown) that your recipe browser will live on. It is highly suggested that you use a full-width template for this page (if your theme supports it) in order to display the list view page properly. Without a full-width page template, certain elements might not look right. When you create this page, include the [cooked-browse] shortcode to display the recipes.
This setting requires a page to be chosen (from the dropdown) that your profile templates will live on. It is highly suggested that you use a full-width template for this page (if your theme supports it) in order to display the profile page properly. Without a full-width page template, certain elements might not look right. When you create this page, include the [cooked-profile] shortcode to display the profile.
RECIPE LIST VIEW
- Full-Width — The recipes are displayed all the way across with an image on the right and the info-block on the left.
- Recipe Grid — The recipes are displayed in a grid that adjusts to fit the recipes to the screen.
- Compact List — The recipes are displayed in a text-only list view. Great for quickly scrolling through.
- Numbered Pagination — This will display a very familiar numbered pagination for the recipes.
- Load More Button — This will display a "LOAD MORE" button at the bottom of the recipes list, allowing your guests and you to click the button to load the next page of recipes.
- Load More on Scroll — This mode will automatically load more recipes as the user scrolls down. Keep in mind that if you have important elements in the footer on this page, those elements won't be seen until all of the recipes have loaded.
There are ten different recipe layouts to choose from. Each one has it's own unique layout and image sizing, just choose the one that works best for you. You can always change the layout at any time if it's not working for you.
The default recipe slug is "recipe". Feel free to change it to something else here. No spaces, numbers or symbols allowed, just letters and dashes. For example, if your recipes are all drinks then you may want to change the slug to "drink".
- Print Button — Your visitors and you can click the printer icon to print the recipe (using the built-in print stylesheet). You can always print from browser menu but this makes it more convenient.
- Full-Screen Button — Clicking this icon allows the recipe template to go full-screen for easy cooking on a laptop, tablet, or small mobile device.
- Favorite Button — This is a quick way to see which recipes people love the most. You could argue that the rating does that, but sometimes visitors find it easier to click a heart than to write up a review.
You can make the above actions "premium" (only available if logged in) by checking this box.
You can choose which taxonomies you want to use. If you don't select one, it also will be hidden from the recipe search box.
Using the checkboxes, you can choose which blocks of recipe information you want to display on the front-end.
MAX PREP TIME & MAX COOK TIME
Using the sliders, you can set your max prep & cook times from anywhere between 1 hour and 12 hours.
REVIEWS & COMMENTS
There are 3 different ways your end-users can interact with the reviews and comments system:
- Guest Reviews w/Comments — Your guests can leave a written review as well as give it a star rating between 1-5. Manual "Admin" reviews are not allowed in this mode.
- Admin Reviews w/Comments — In this mode, the admin of the site can set the rating of the recipe but the guests can leave comments (without a rating). This would be useful for a recipe review site where the site owner posts and reviews the recipes themselves, leaving it to the guests to make comments.
- Admin Reviews Only — In this mode, only the admin rating will show up. Guests will not be able to rate or write comments on the recipes posted.
This tab allows you to enable the Front-End Submissions functionality. Please see our separate guide for setting up front-end submissions here: https://boxystudio.ticksy.com/article/3243
FACEBOOK APP ID
In order for the Facebook sharing button to become an option (see below), you need to enter in your Facebook App's ID. Be sure to follow the steps outlined when you click the " View Instructions" link next to the setting description.
Your guests and you can share the recipes through various social networks (and via email). Just check the boxes of the ones you want to enable. Or uncheck them all to hide the "Share" button completely.
PLUGIN STYLING OPTIONS
- Load all styles — This loads all of the Cooked styling, including the color theme you've chosen.
- Only layout styles — This ONLY loads the Cooked layout styling, which doesn't include the chosen color theme.
- Disable plugin styling — This disables all styling so you can use your own if needed.
Usually the default settings here will work fine, however some themes might have unique responsive breakpoints that you want Cooked to follow. In that case, simply drag the breakpoint sliders to match the theme's.
On the bottom of the settings panel on the right side you'll see a button to Import/Export the settings. Note: this only exports and imports the Cooked Settings, not the recipes themselves. To export the recipes, you'll need to use WordPress's import/export tool, found in the Tools menu.
Next to the Import/Export button, you'll see the uninstall button. If you choose to uninstall Cooked, it will remove all recipes, categories, cuisines, cooking methods, settings, and then deactivate the plugin for you.