Divi Chef Child Theme Overview

Feb 13, 2021 | Everything Divi for WordPress

The Divi Chef child theme was designed with restaurant websites in mind. It comes with lots of pages that restaurants need and includes two custom post types to show your food menus and upcoming events. In this article, we’ll take a look at the Divi Chef child theme and see what’s included to help you decide if it fits your needs.

Installing Divi Chef

divi-chef-child-theme-overview Divi Chef Child Theme Overview

Installation works the same as a normal theme. With Divi activated, upload and activate the Divi Chef child theme.

divi-chef-child-theme-overview-1 Divi Chef Child Theme Overview

Once the Divi Chef child theme is activated, you’ll see a new menu item called Import Demo. Select this and you’ll see a simple import screen where you can choose what will import. Everything is selected by default. Click Import Demo Content and wait for the import to finish.

divi-chef-child-theme-overview-2 Divi Chef Child Theme Overview

Once the import is complete, your website will look like the demo. It will include the homepage and menus already in place. Several images are dummy images and show the size of the image’s location.

Let’s take a look at the pages and features.

Divi Chef Child Theme Pages and Features

Features include remade restaurant pages, multiple post types for menus and events, filterable food menus, multiple headers, multiple footers, multiple blogs and post layouts, contact, and a reservation page. Each of the pages includes the header with the page title. Most pages and layouts are added to the Divi Library.

Divi Chef Child Theme Home Page

divi-chef-child-theme-overview-3 Divi Chef Child Theme Overview

The hero section displays a full-screen background image in parallax. Its overlay shows a message in an elegant font above a small image.

divi-chef-child-theme-overview-4 Divi Chef Child Theme Overview

The next section shows the restaurant’s story and includes a link to the About page.

divi-chef-child-theme-overview-5 Divi Chef Child Theme Overview

A full-screen CTA for the deal of the day displays a background image in parallax with a button to make a reservation.

divi-chef-child-theme-overview-6 Divi Chef Child Theme Overview

A food menu shows images with the name, description, and price. The menu also includes a filter, so visitors see food based on the meal.

divi-chef-child-theme-overview-7 Divi Chef Child Theme Overview

The blog section displays a grid.

divi-chef-child-theme-overview-8 Divi Chef Child Theme Overview

Customers can book a table using the styled full-screen form. The form includes a full-screen background image, and fields for the name, email, date, number of seats, phone, and time.

divi-chef-child-theme-overview-9 Divi Chef Child Theme Overview

A full-width testimonial slider shows a circular image next to the text.

divi-chef-child-theme-overview-10 Divi Chef Child Theme Overview

The gallery shows images in a grid. I’m hovering over the image in the top right to show its overlay.

divi-chef-child-theme-overview-11 Divi Chef Child Theme Overview

Upcoming events are shown as cards with a styled date, title, and the time in an overlay over the featured image.

divi-chef-child-theme-overview-12 Divi Chef Child Theme Overview

Number counters show statistics with icons over a background image in parallax.

divi-chef-child-theme-overview-13 Divi Chef Child Theme Overview

Contact information includes a large image on one side and the information on the other. The phone number is clickable.

Divi Chef About Page

divi-chef-child-theme-overview-14 Divi Chef Child Theme Overview

The Divi Chef child theme’s About page includes some of the elements from the home page and adds a section with two columns of text, a three-column section with numbered blurbs, and a CTA with two buttons.

Menu Page

divi-chef-child-theme-overview-15 Divi Chef Child Theme Overview

The menu page displays the food menu according to its categories. Each category includes a title in the elegant font.

Filterable Menu Page

divi-chef-child-theme-overview-16 Divi Chef Child Theme Overview

The Filterable Menu page shows a food menu, but instead of showing each of the categories under a title with all categories showing, the filter lets you see the specific categories you want.

Events Page

divi-chef-child-theme-overview-17 Divi Chef Child Theme Overview

The Events page displays events as on the home page but adds several more.

Divi Chef Blog Pages

divi-chef-child-theme-overview-18 Divi Chef Child Theme Overview

The Divi Chef child theme has three different blog pages. The first displays blog posts in two columns with a right sidebar. It includes the header with a full-width image and title in the overlay.

divi-chef-child-theme-overview-19 Divi Chef Child Theme Overview

The second blog design displays posts in full-width and a right sidebar.

divi-chef-child-theme-overview-20 Divi Chef Child Theme Overview

The third blog design displays posts in an alternating layout.

Contact

divi-chef-child-theme-overview-21 Divi Chef Child Theme Overview

The Contact page displays a styled form next to text for more information. A row under this shows contact information followed by a full-width map.

Reservation

divi-chef-child-theme-overview-22 Divi Chef Child Theme Overview

The Reservation page includes contact information and a reservation form.

Headers

divi-chef-child-theme-overview-23 Divi Chef Child Theme Overview

There are five headers to choose from. All but the first header was created with the Divi Builder and they’re available in the Divi Library. The default header displays the menu items in a large font and includes a bold yellow color for the active link. It has a translucent background that changes to yellow as you scroll. Submenus display a white background with large text.

divi-chef-child-theme-overview-24 Divi Chef Child Theme Overview

The second header places the menu links in the center, social follow icons on the left and a contact CTA on the right. Submenus add a yellow line.

divi-chef-child-theme-overview-25 Divi Chef Child Theme Overview

The third header places the logo above the menu in the center. Social follow icons and a search box are placed with the links.

divi-chef-child-theme-overview-26 Divi Chef Child Theme Overview

Header four has two rows. The top row includes the logo on the left and clickable contact information on the right. The second row includes the menu items and a search icon on the left and social follow icons on the right. This is the most complex of the headers.

divi-chef-child-theme-overview-27 Divi Chef Child Theme Overview

The fifth header displays the logo on the left, the links in the center, and a CTA on the right.

Footers

divi-chef-child-theme-overview-28 Divi Chef Child Theme Overview

There are four footers to choose from. They were created with the Divi Builder and are available in the Divi Library. The first footer is assigned as the global footer in the theme builder and includes several text modules, and a social media follow module.

divi-chef-child-theme-overview-29 Divi Chef Child Theme Overview

The text module on the bottom includes the information about the child theme. A light border at the top separates it from the rest of the footer. This is a revealed footer, so it stays in place as the section above it moves up like a curtain.

divi-chef-child-theme-overview-30 Divi Chef Child Theme Overview

The second footer is larger and adds an email subscribe form.

divi-chef-child-theme-overview-31 Divi Chef Child Theme Overview

The third footer has a white background and added more information.

divi-chef-child-theme-overview-32 Divi Chef Child Theme Overview

Footer four is simpler and includes a white background. Navigation is stacked on the left and social follow links are stacked on the right. A short description is placed in the center.

divi-chef-child-theme-overview-33 Divi Chef Child Theme Overview

Footer five is the simplest and includes a white background and places the menu links in a stack in the center and places the social media follow icons horizontally.

Divi Chef Post Types

The Divi Chef child theme comes with two post types built-in: Restaurant Menu and Events.

Restaurant Menu

divi-chef-child-theme-overview-34 Divi Chef Child Theme Overview

Restaurant Menu includes an editor where you can add content, the price, ingredients, categories, order, and featured image.

divi-chef-child-theme-overview-35 Divi Chef Child Theme Overview

This post type adds two modules to the Divi Builder- one filtered and one non-filtered. Both modules allow you to choose the number of items that will display and include the standard Divi styling options.

divi-chef-child-theme-overview-36 Divi Chef Child Theme Overview

Menu items appear in the Restaurant Menu post type’s list where you can perform the standard actions for posts.

Events

divi-chef-child-theme-overview-37 Divi Chef Child Theme Overview

Events includes an editor where you can add content, the organizer’s name, date, time, cost, phone number, email, order, and featured image.

divi-chef-child-theme-overview-38 Divi Chef Child Theme Overview

Posts for events are clear and easy to read.

divi-chef-child-theme-overview-39 Divi Chef Child Theme Overview

The Events post type adds a module to the Divi Builder called Divi Chef Events. Select the number of events to display and style it with the standard Divi options.

divi-chef-child-theme-overview-40 Divi Chef Child Theme Overview

Events are listed in the post type like any post.

Divi Chef Navigation Menu

divi-chef-child-theme-overview-41 Divi Chef Child Theme Overview

Three navigation menus are added to WordPress, with the primary menu automatically applied. The others are available to use with the footers or as an alternative to the primary menu.

Divi Chef Theme Builder Layouts

divi-chef-child-theme-overview-42 Divi Chef Child Theme Overview

Theme Builder layouts include custom footers, archive pages, search results, post layouts, and a 404 page.

Post Layouts

divi-chef-child-theme-overview-43 Divi Chef Child Theme Overview

The Divi Chef child theme includes 4 different post layout designs. This layout shows the title in a full-width header with a background image, the content, and a sidebar with a styled search, recent posts, and categories. It also adds post navigation. The other layouts follow a similar design and include a smaller feature image, sidebars, full screen featured images, or no sidebars.

divi-chef-child-theme-overview-44 Divi Chef Child Theme Overview

This is Post Layout 2, which displays a smaller featured image and no sidebar.

404 Page

divi-chef-child-theme-overview-45 Divi Chef Child Theme Overview

The 404 page includes an image on one side and a message and search box on the other. Social follow icons sit in the center.

Where to Purchase Divi Chef Child Theme

divi-chef-child-theme-overview-46 Divi Chef Child Theme Overview

The Divi Chef child theme is available in the Divi Marketplace. It costs $39 and includes unlimited website usage and one year of support and updates.

Ending Thoughts

That’s our look at the Divi Chef child theme from Divi Extended. It was designed for restaurant websites and the design fits the genre perfectly. The pages and custom post types are those you’d expect to see on a restaurant website. I especially like the food menu.

It doesn’t include online shopping features, such as ordering and paying online for pickup, so it might not be ideal for every type of restaurant. However, the reservation features make it ideal for dine-in restaurants.

We want to hear from you. Have you tried the Divi Chef child theme? Let us know about your experience in the comments.

Featured Image via maryna rodyukova / shutterstock.com


Source

WordPress Development

SEO NEWS

seo news

We’re listening.

Have something to say about this article? Share it with us on Facebook, Twitter or LinkedIn:

SHARE IT HERE:

Subscribe ToThe Weekly SEO Trade News Updates

Get the latest SEO, SEM and SMM marketing intel, tips and tricks from one of the best SEO Gurus online. 

Every Tuesday morning we send out an aggregated email listing all new posts on SEO Trade News.

Excellent! Now check your email to confirm your subscription.