Aperitiveby Themes Kingdom

Theme Options

To access Aperitive‘s theme settings, go to Customize → Theme Options.

Blog Layout Settings

One column will display all your posts in a flowing stream, like on Facebook or Tumblr.

a-one-col

Two columns will display your posts in a layout a little more like a classic magazine spread.

a-two-col

Header Image

The Aperitive theme supports custom header images. Your header image takes up half the screen area on all posts and pages and remains fixed as you scroll down the page.

If you set a featured image for a specific post or page, that image will be used instead of the custom header image.

Create a Food Menu Page

To create a food menu page:

  1. Go to Pages → Add and create a new page.
  2. Select the Food Menu page template under Page Attributes.
  3. Press Publish when you are done.

Food Menu

The Food Menu option lets you to create menu items, labels, and sections.

Add Food Menu Items

Food menu items use a special post type, separate from blog posts — they’re shown with prices on the page you’ve created with the Food Menu page template.

The template has a few extra fields, where you can describe food items in greater detail, set prices, and organize them by category (like appetizers, wine, burgers, and so on).

Note: These settings are in the WP Admin dashboard, which will look a little different from the rest of your menus. You can leave WP Admin at any time by clicking on My Site.

To create a single food item:

  1. Click on My Site → Food Menus.
  2. Go to Food Menus → Add One Item.
  3. Enter title and description.
  4. Enter price. The price should be entered with the currency symbol or abbreviation (for example, $ or USD).
  5. Enter Menu item Labels.
  6. Select or create a new Menu Section.
  7. Press the Publish button when done.

You can also select Food Menus → Add Many Items to quickly add several menu items with just names, prices, labels and descriptions.

Menu Item Labels

The menu item Label works the same way as tags. Use it to describe an item with a specific label. For example, you can use it to mark spicy or gluten-free food, or if you’re creating a pizza menu, this is where you can enter toppings.

Menu Sections

The Menu Sections are your menu’s categories. Use different Menu Sections to organize food items into groups like desserts, wine list, main dishes, etc.

Create a Contact Page for Reservations

Adding a contact form will allow site visitors to send you inquiries, including for reservations. By default, the emails will go to the author of the page or post with the contact form, but you can change that to another email address.

To create a contact page:

  1. Go to Pages → Add and create a new page.
  2. Select the Default Menu page template under Page Attributes.
  3. Click on Add Contact Form. Create your reservations form, and insert it into the page.
  4. Press the Publish button when you are done.

Create a Portfolio Page

First, go to Portfolio → Add and publish a few portfolio projects. Be sure to add a featured image to each one.

To create a portfolio page:

  1. Go to Pages → Add and create a new page.
  2. Select the Portfolio page template under Page Attributes.
  3. Press Publish when you are done.

Custom Menus

Create Custom Menus under Customize → Menus. The Header menu can contain items including custom links, pages, categories, tags, projects, posts, and more.

The Social Menu is located on the bottom-left corner of the screen, which is a great space for links that lead to your social media profiles.

a-smenu2-1

Share Link Style

Aperitive includes special styles for text-only share links, aligning them to the edge of the post (shown below). To create text-only share links:

  • Go to Sharing → Sharing Buttons and add/edit your buttons.
  • Under Button Style select Text Only.
  • Under Show sharing buttons on select where you would like to display the links.
  • Press Save changes when you are done.

Widgets

Aperitive has a slide-out widget area. Widgets are configured under Customize → Widgets.

The widget area is always hidden and can be displayed by clicking on the three-dots button in the navigation menu.

a-sidebar

Post Formats

Post formats are a great way to style your posts for specific purposes. Here’s what you can create:

Standard Post Format

This is the default post format for your everyday blog post. You can still add video, images, galleries, and other media to a regular text post.

a-standard

Quote Post Format

To create a quote:

  1. Add a new post and choose Quote from the Post Format module.
  2. Select your desired text in the Visual Editor and click the Blockquote button.


If you would like to include a citation with the quote, you can use the HTML Editor instead, and copy and paste the following HTML to get the correct formatting. Next, you can update the quote and citation to whatever you like:


<blockquote>In France, cooking is a serious art form and a national sport.
</blockquote>

<cite>Julia Child</cite>

To learn more about basic HTML, click here.

Link Post Format

To create a link post:

  1. Add a new post and select the Link post format under the Post Format module.
  2. After you add the link text, link it to the URL you want.

Gallery Post Format

The Gallery Post Format is for posts with multiple images that you’d like to organize into galleries.

To create a gallery post:

  1. Add a new post and select the Gallery post format under the Post Format module.
  2. Insert a gallery into your post.

a-galery

Extra Styles

Recipes

You can display a recipe using the Recipe shortcode.  Open or create a post with your recipe’s title, ingredients, and instructions. Then add the recipe shortcodes as described on this support page.

a-shortcode

Two-Column Content

You can display content in two columns by wrapping it with a div element with the class “twocolumn”, and then with two paragraph elements with the class “half-width” in the HTML Editor:


<div class="twocolumn">
<p class="half-width">Your text goes here</p>
<p class="half-width">Your text goes here</p>
</div>

Drop Caps

Drop caps let you stylize the first letter in a post or page. To create a drop cap, switch to the HTML Editor and wrap the first letter in a span with “dropcap” as the class.

<span class="dropcap">T</span>he first letter of this paragraph will have a dropcap.

Blockquotes

Blockquotes are usually used to highlight important parts of your posts. In the Visual Editor, select the text you’d like to feature and click the Blockquote button. Update your changes when you finish editing.

To cite the quote’s author, write their name below the quote text. Switch to the Text Editor and add <cite></cite> around the author’s name.

You can also change the blockquote alignment, which is useful when you want to modify the visual flow of the page.


<blockquote class="pull-right">This is a right-aligned block quote.
</blockquote>


<blockquote class="pull-left">This is a right-aligned block quote.
</blockquote>

Highlighted Text

To highlight text, switch to the HTML Editor and wrap it with the “emphasis” class:

Example of emphasis text


<p class="emphasis">Your highlighted text goes here.</p>

You can see the complete style guide in action here.