Below you'll find everything you need to get this theme up and running. If at any point you get stuck, you can always shoot me a ticket for one-on-one support.


Setup Guide

Espresso – Watch this First …

0 people did not find this helpful

Back To Top

Installation

Theme Installation

Tip: Before uploading the theme’s zip file, make sure you unzip the main file from ThemeForest and then locate the only zip file in the /theme/ folder and upload that to WordPress.

To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex: http://codex.wordpress.org/Installing_WordPress

Installation

When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:

  • FTP Upload: Using your FTP program, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server.
  • WordPress Upload: Navigate to Appearance > Add New Themes > Upload. Go to browse, and select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed.

Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate your chosen theme.

0 people did not find this helpful

Back To Top

Install Plugins

Espresso Add-ons

To take full advantage of Espresso you should immediately install and activate the “Espresso Add-Ons” plugin. This will activate the Blur Sliders, Feature Blocks and Restaurant Menu System functionality. There are also optional plugins available (also included):

  • When you activate the Espresso theme, you should see a big yellow box asking you to install and activate certain plugins. The first one (Espresso Add-Ons) is required and the others are optional. Totally up to you!

Slider Revolution & Visual Composer

There are two great plugins included with this theme. One is Slider Revolution (an awesome slider builder). The other is Visual Composer, a fantastic way to build out your own custom pages with drag & drop capabilities. It is recommended that you use both. Just install either or both using the same instructions as above.

The Events Calendar, Contact Form 7 & Gravity Forms

Espresso also fully supports these great plugins. Some are free, some are premium. Just install and activate to use:

  1. The Events Calendar
  2. The Events Calendar Pro
  3. WooCommerce
  4. Gravity Forms
  5. Contact Form 7

0 people did not find this helpful

Back To Top

Install Demo Content

This Is Optional.

You can install the theme demo content using the XML Dummy Content file that is included with the theme download.

First go to your WordPress backend and click on Tools > Import > WordPress, it will ask you to install a plugin if you haven’t already.

Once installed activate the plugin and select the XML file from your theme download files, it will be in a folder called “XML Dummy Content” the file is called “demo-content.wordpress.xml”

Once uploaded it will ask you to import the data into your WordPress user account select from the drop-down an existing user, also click on the check box that says “Download and import file attachments”Once complete all the data will be imported into your site (Note: This can take up to 3 minutes to import).

0 people did not find this helpful

Back To Top

Adding Content

Espresso Pages

Tip: The demo content includes a homepage, but follow along below if you want to create a new one from scratch.

  1. Create a new page, let’s call it “Homepage”.
  2. Every page you create has the same options. You can use all of these options to set up a page in any way you’d like.
    1. Slider: Once you’ve created a slider or two, you can choose to display that on a page. This will always display at the top of the page.
    2. Feature Blocks: Once you’ve created a feature block or more, you can add those to the page using the options in this section.
    3. Page Content: This will display the content you put in the main content area. You can choose here the location of that block and whether or not you want to display the breadcrumbs and page title.
    4. Recent Posts: You can display recent posts on any page. Choose the location, category (optional) and how many you want to display.
    5. Upcoming Events: Once you have the Event Calendar plugin installed and running, you can display upcoming events on any page. Choose the location, category (optional) and how many you want to display.
    6. Page Widgets: You can display the Page Widgets block on any page as well. Choose the number of columns and the location.
    7. Twitter Feed: Set up your Twitter credentials from the Theme Options page and then you can add your recent tweets on any page.
  3. The demo homepage as all of the above in a certain order, customize your homepage (and every other page) to suit your needs. The possibilities are endless!

0 people did not find this helpful

Back To Top

Posts & Post Formats

  1. Create a new post from the sidebar. Add a title for the post.
  2. Each post is very similar to a page, just add some content!
  3. You can choose from multiple “Post Formats” to display different types of content. Each type has a different look and feel (colors can be set via the Theme Optinos panel), and different types of content. For more information on Post Formats, check out the WordPress Codex: http://codex.wordpress.org/Post_Formats

0 people did not find this helpful

Back To Top

Customizations

Style & Settings

Check out the “Theme Options” panel.

Navigate to “Appearance > Theme Options” to start customizing the look & feel of your new site. There are several tabs here, so let’s cover those now:

Logo

  • You can either use a text-based or image-based logo in this theme. Just pick one and either chanage the text/font styling or upload an image to replace the logo.

Header

  • There are two different header styles to choose from, and you can also add your address and contact information here.

General Styling

  • Boxed Style w/Background Image/Color: You have the option of using a “boxed-style” and then setting your own background color and/or image.
  • Favicon Replacement: You can replace your Favicon here. PNGs work best.

Colors

  • Make it your own! You can customize Espresso to work for you using the two color choices. One is used throughout the site for backgrounds, buttons and links. The other is used on the nav, footer, etc.

Footer Settings

  • You can choose to display widgets in your footer. That setting is set from this tab.
  • You can choose to either hide the footer completely, or set the left and right content (both are optional). You can either display the Footer Menu or just plain text in either spot.

Social Settings

  • Add your Links: Add as many social links as you’d like here and they will show up in the sidebar under the main navigation.
  • The search option is also activate from this tab.

Twitter & Facebook Settings

  • If you want to use either the Twitter or Facebook widget you’ll need to enter your oAuth credentials for each. To get these credentials, follow the instructions above these specific settings.

Miscellaneous

  • Google Analytics: Paste in your Google Analytics code here.
  • Custom CSS Code: If you want to add or adjust the styling of certain parts of the design, feel free to add them here.

0 people did not find this helpful

Back To Top

Creating a Child Theme

Tip: Creating a child theme will save you lots of time in the future for when theme updates are released, you won’t lose your customizations.

This Is Optional

To create a child theme do the following:

  1. Go to /wp-content/themes. Create a new folder and name it the name of your child theme.
  2. Create a file and name it style.css. In the file include the following information:
    /* 
    Theme Name: Scheetz Designs Child Theme 
    Description: Child theme for a Scheetz Designs theme 
    Author: Scheetz Designs 
    Template: themenamehere 
    */
    
    @import url("../themenamehere/style.css");
  3. Replace “themenamehere” with the main theme name (born, rebirth, flip, glory, savior, etc.)
  4. Activate the theme.
  5. Add any additional CSS changes to this file, instead of changing the main theme.

More information regarding child themes can be found here: http://codex.wordpress.org/Child_Themes

0 people did not find this helpful

Back To Top