Blog

Creating a Recipe Index page like this one from the demo is very easy.

1. Create a New Page from Pages > Add New
2. Assign one of the 3 available Recipe Index Page Templates to the new page.

Optionally, you can create 3 different pages with all available Recipe Index Page Templates and then create a Menu with these pages and set this as the Recipe Index menu. This will allow visitors to view your Recipe Index in 3 different styles: list, by date and grouped by category:

For more option for Recipe Index pages, see Theme Options > Recipe Index Settings:

Recommended Plugins (free)

Recipe Card Blocks – using the free version of our plugin you can add nice recipe cards in your posts with Schema.org markup..

Elementor – a very powerful front-end page builder which works great with Foodica.

WPZOOM Addons for Elementor – with this plugin you will have access to more modules in the Elementor

Social Icons Widget – free plugin that allows you to create a list of your social profiles. You’ll need it to add social icons from the top menu bar.

Instagram Widget – another free plugin created by us which you can use to add a scroller with your Instagram photos in the Footer, like in the demo. Make sure to set the space between images in the settings to 0.

Jetpack – a free plugin that includes numerous features that you can active to add extra functionalities in the theme. Recommended features to activate: Related Posts, Tiled Galleries, Infinite Scrolling.

Rating-Widget: Star Rating System – a complex free plugin that allows to add rating to each post.

MailPoet Newsletters – a plugin that allows to create and send newsletters to your subscribers. It also includes a widget that you can add in the sidebar or in the post content widget area.

Recipe Plugin

Recipe Card Blocks PRO (With Schema Markup) – our recommendation!

Do I Need Elementor PRO?

CookBook doesn’t require Elementor PRO, but we highly recommend purchasing it. The price starts from $49 and you receive a lot of features.

Breadcrumbs

Using Yoast plugin you can show breadcrumbs in posts and pages. Just make sure to enable the Breadcrumbs feature in the SEO > Search Appearance > Breadcrumbs tab. You can find more details here.

eCommerce Support

To enable the eCommerce feature in the theme, you’ll need to install the free WooCommerce plugin.

Contact Form Page

To add a contact form to a page like in the demo simply install the WPForms plugin by following these instructions.

Newsletter Widget

You can add a newsletter subscription form in widget areas by installing the MailPoet Newsletters plugin (formerly Wysija Newsletters). The plugin is free and also includes a widget called MailPoet Subscription Form

Star Rating

To add Rating Stars to each post, install and activate the free plugin called Rating-Widget: Star Rating System.

When editing a post, you can find a section called Post Options below the editor or in the right sidebar with block options:

If you don’t see this widget under the editor, look in the right sidebar, under the Post tab:

In the CookBook theme you can easily edit the front page using Elementor. This means that you get complete control over what sections are included and their position.

Below we’ll explain how to set up your front page using Elementor.

1. Create the front page & choose the right Page Template

The theme includes several Page Templates to create pages, but we recommend you to use the following one:

– Full-width Page (Page Builder)

Here are some advantages why you should use a Page Builder to create your homepage:

– A page builder gives you more control and flexibility: full-width sections, image, and video backgrounds;
– Custom sections with different number of columns;
– Easily adjust design options of each section, column, or widget individually: margin, padding, fonts, etc.
– Advanced tools like Import/Export, templates, etc.

Now that the differences are known to you let’s proceed to the first step.

First, create a new page or edit an existing page (e.g. your current static page) and make sure to select the right Page Template:

2. Assign the new page as your Front Page

Once you’ve published or edited the page you want to use as your front page, go to Settings > Reading page and select your page in the option: “A static page > Homepage“:

3. Start building with Elementor!

Now that the right page with the correct template is assigned as your front page, you can import the homepage layout.

If you selected to build your homepage using the Page Builder, go back to edit that page, and click on the blue button “Edit with Elementor“:

If you don’t see this button available, the Elementor plugin is probably not installed or active on your website.

If you haven’t loaded the theme’s demo content and want to start building your website from scratch, importing a layout would be one of the starting points.

Click on the blue W icon (WPZOOM Library) in Elementor to load the homepage template.

If you don’t see this icon, please install the Elementor Addons by WPZOOM plugin.

Choose the homepage template and click on the Insert Template button.

If you’re new to the Elementor page builder, this Getting Started guide could be of help.

Demo Content Importer

To get quickly the same look of the theme as in the demo, see here instructions to Import the Demo Content.
The demo content importer is located in the WPZOOM > Theme License + Quick Start page: