Appetite

$150

Appetite: Banner

Appetite is an elegant, modern theme for restaurants, cafes, and food bloggers.

Fully Responsive

Appetite: Responsive

Appetite is responsive, adapting smoothly to different screen sizes so your content will always look beautiful on smartphones, tablets, laptops, and desktop screens.

Custom Page Templates

Appetite includes five custom page templates:

Front Page Template

Appetite: Front Template

The Front Page Template template is designed to introduce your business.

Full-Width Page Template

Appetite: Full Width Page

The Full-Width Page Template looks like a regular page but without a sidebar, so your content stretches across the full width of the page.

Grid Page Template

Appetite: Grid Page

The Grid Page Template displays child pages in a grid format, making it ideal for showcasing services, products, team members, store locations, etc. This template has a sidebar and a two-column layout.

Full-Width Grid Page Template

Appetite: Gird Page

The Full-Width Grid Page Template does not have a sidebar and features a three-column layout.

Menu Template

Appetite: Menu Page

The Menu Template displays all your food items. If the sidebar is inactive then your Menu Template will have a two-column layout, otherwise it will have one-column layout.

Custom Header Image

Appetite: Custom Header

Appetite supports a Custom Header, allowing you to upload a single image to the header area. If a custom header image is not set then the header area will have a black background.

Custom Backgrounds

Appetite: Custom Background

Appetite supports Custom Backgrounds. By default, your site has a full-width layout, but if you set a Custom Background, the site will switch to a boxed layout.

Featured Images

Each post’s Featured Image will be displayed to the left of your post, as a thumbnail image in archive views, and as a full-width image in single-page views.

Archive views

Archive views

Single-page views

Single-page views

Testimonials

Appetite: Testimonial Archive

Appetite comes with a dedicated testimonial archive page that allows you easily display what customers or clients are saying about your business.

Food Menus

Appetite makes it simple to add and update all your dishes and beverages. Each menu item displays its title, content, price, and a featured image. You can add an unlimited number of categories and set their display order.

Custom Menus

Appetite comes with two Custom Menu locations:

  • Primary menu – located next to your site title.
  • Social menu – displayed in two locations: in the toggle sidebar and at the bottom of your site.

Widget Areas

Appetite offers two widget areas:

  • Sidebar – displayed on the right or left side.
  • Footer – displayed at the bottom of your site.

Other Features

Quick Specs (all measurements in pixels):

  1. The main column width is 750 except when using the Front Page Template, Grid Page Template or Full-Width Page Template, where it is 1140.
  2. Featured Images in archive views are 250 wide by 250 high.
  3. Recommended featured image width is 1100.
  4. Recommended featured image height is at least 480.

Setting Up the Static Front Page

When you first activate Appetite on a new site, your homepage displays posts in a traditional blog format. If you’d like to use the Front Page Template instead, create or edit a page, assign it to the Front Page Template, and then follow these steps.

Customizing Front Page

The Front Page Template has six sections:

  • Featured Content Slideshow
  • Featured Page #1
  • Featured Page #2
  • Featured Page #3
  • Recent Blog Posts
  • Random Testimonials

All sections are optional except the Featured Content section. When you first activate Appetite on a new site, your homepage will display posts in a traditional blog format. If you’d like to use the Front Page Template instead, follow the instructions above.

appetite_home_documentation

All these front page sections can be managed via the Theme Options in the Customizer. Please note, in order to see front page options in the Customizer, your static front page has to be set up (see “Setting Up the Static Front Page” above). Otherwise, these options will be hidden.

Featured Content Slideshow

Appetite: Featured Content

The Featured Content Slideshow is only available for the Front Page Template. To use it, be sure you’ve set up a static front page and a separate blog page using the steps above.

Featured Content is displayed based on a Tag you select:

  1. Navigate to Appearance → Customize → Featured Content.
  2. Add the Tag you’ll use to designate which pages should be displayed in the slideshow to the text field below the Tag name label. (For example, “featured” or “slideshow.”)
  3. Add this Tag to the Pages you want to display in the Homepage Slider.
  4. You can have display different post summary lengths by using the More Tag. By default, “Read More” will appear as the text for the link, but you can change it to any title you want.

Featured Pages #1, #2 and #3

Appetite: customize_featured_pages

These sections are optional. There are two ways to display your content in these sections; you can either have a grid layout or a regular layout.

Grid Layout

Appetite: Home Grid

  1. Head to Appearance → Customize → Theme Options → Front Featured Page #1, Front Featured Page #2 or Front Featured Page #3
  2. Under Featured Page, select the page that has child pages from the dropdown list.
  3. Under Section Layout, choose a layout for your grid from the dropdown list.
  4. Click Save & Publish at the top of your screen to save the changes.

Regular Layout

Appetite: Home Pages

  1. Head to Appearance → Customize → Theme Options → Front Featured Page #1, Front Featured Page #2 or Front Featured Page #3
  2. Under Featured Page, select a regular page from the dropdown list.
  3. Under Content Position, choose the position for your page content from the dropdown list.
  4. Click Save & Publish at the top of your screen to save the changes.

Recent Blog Posts

Appetite: Home Posts

This section is optional. In order to display it, make it visible via the Customizer:

  1. Head to Appearance → Customize → Theme → Front Recent Blog Posts
  2. Check Display Recent Blog Posts.
  3. By default, this section displays the title “Recent News” above the posts. You can edit this by adding your own title into the text field under Section Title.
  4. Specify how many posts you want to show per page under the Number of posts to show label.
  5. Choose a layout from the dropdown list under Section Layout.
  6. Click Save & Publish at the top of your screen to save the changes.

Appetite: customize_home_posts

Recent Testimonials

Appetite: Home Testimonials

This section is optional. In order to display Testimonials section, you need to make it visible in the Customizer:

  1. Head to Appearance → Customize → Theme → Front Testimonials
  2. Check Display Testimonials. If left checked then five random testimonials will be shown on the Front Page template.
  3. Click Save & Publish at the top of your screen to save the changes.

Appetite: customize_testimonials

Setting Up The Full-Width Template

Create or edit a page, and assign it to the Full-Width Page template from the Page Attributes box.

Setting Up The Grid Page Template

  1. Create or edit a page, and assign it to the Grid Page template from the Page Attributes box.
  2. The Grid Page Template displays all child pages of the page, in a grid. Learn more about creating sub-pages (or child pages).
  3. The featured image, the title, and content from each sub-page creates a grid item. If you want to have a sub-title then you need to add a caption to your featured image. You can have display different post summary lengths by using the More Tag.

Custom Menu

Appetite comes with two Custom Menu locations:

  • Primary menu – located next to your site title.
  • Social menu – displayed in two locations: in the toggle sidebar and at the bottom of your site.

Modify your menu items under Appearance → Menus.

Appetite: Primary Menu

Social Menu

Appetite automatically displays links to your social media profiles as icons, using a Custom Menu. Learn how to set it up. The Social Menu will be located in the toggle sidebar and footer area.

Social Menu (Toggle Sidebar)

Social Menu (Toggle Sidebar)

Social Menu (Footer)

Social Menu (Footer)

Supported social media sites include:

  • Dribbble
  • Facebook
  • Flickr
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Pinterest
  • Foursquare
  • Stumble Upon
  • Dropbox
  • RSS feed
  • WordPress
  • Tumblr
  • Twitter
  • YouTube
  • Behance
  • Vkontakte
  • Soundcloud
  • deviantART
  • Email
  • Digg
  • Spotify
  • Skype
  • Twitch

Setting the Sidebar Position

Appetite: Sidebar

If the sidebar is active, it will be displayed on the right by default. You can also choose to move it to the left.

  1. Navigate to Appearance → Customize → Theme → General Options.
  2. Select your option from the dropdown list under the Sidebar Position label.
  3. Click Save & Publish

Testimonials

With Appetite, you can add testimonials easily by going to Testimonials → Add New in your dashboard. Testimonials are composed of the testimonial text, the name of the person, and an image (which can be added as a featured image).

Appetite: Testimonials

All testimonials are displayed on a testimonial archive page. The testimonial archive page can be found at http://mygroovysite.wordpress.com/testimonial/ (replace http://mygroovysite.wordpress.com/ with your own site URL).

Appetite: Testimonials

Please note: the URL for the testimonial archive page must end with /testimonial/ (as shown in the example above) for the page to display testimonials properly.

You can add the testimonial archive to a Custom Menu, using a custom link.

Food Menus

Appetite gives you an easy way to manage and showcase food menus on your site by going to Food Menus in your Dashboard:

  1. Navigate to Food Menus → Menu Sections to add sections to your food menu.
  2. In order to add a menu item, head to Food Menus → Add One Item
  3. Add the menu title and description, set a featured image and price, and then select Menu Section for your menu item.
  4. Publish your menu item when you are ready.

Appetite: Food Menu

You can reorder the food menu items at any time by dragging and dropping them up and down.

Once you’ve added food menu items, simply create a new page and assign it to the Menu Page template from the Page Attributes pane.

In order to have two columns layout, your sidebar has to be inactive. You can hide widgets in your Menu Template by using Widget Visibility feature. Simply choose “Hide”, and for the “Page” select your menu page. Make sure to repeat this step for all your widgets in the sidebar.

appetite_widget_visibility

Adding Custom Footer Text

Appetite allows to show a custom footer text which will appear next to the copyright text (year and site name) at the bottom of the page. To add a custom footer text, head to Appearance → Customize → Theme Options → General Options and enter your text in the box below the Footer Text label.

Appetite: Footer Text

Widget Areas

Appetite offers two widget areas, which can be configured in Appearance → Widgets.

Other Features

Text Styling Options

You can style your post introduction and add drop caps to your paragraphs. Those two styling options are available only on single-page views.

Post Introduction

Switch to Text/HMTL view in the editor and wrap your paragraph with a “p” tag that has the “intro” class.

<p class="intro">Dummy text is text that is used in the publishing industry or by web designers to occupy the space...</p>

Drop Cap

Switch to Text/HMTL view in the editor and wrap the first letter of your paragraph with a “span” tag that has the “dropcap” class.

<span class="dropcap">M</span>aecenas nec nunc et ligula egestas mattis ac eget sem.