Execute

The help guide for Execute WordPress theme by ThemeBeans.

Included Files

After downloading the theme package open the folder named “Execute Package (Version)” and un-zip the folder, if it is not already so. Inside the package you will find the following files:

  • Demo XML
  • Help
  • Licensing
  • PSD
  • Sources
  • Theme
    • Execute
    • Execute.zip
    • Execute-child.zip

WordPress Upload

To upload through your Dashboard, select “Appearance” and then “Themes”. Next, select the “Install Themes” tab at the top of the page and then select the “Upload” link, right above the search field. Choose your file and select “Install Now”. Once the theme is fully uploaded and installed, click “Activate” to activate the WordPress theme.

The theme files will be stored on your server in the following location: /wp-content/themes/

When uploading your theme with the installer, please ensure you are uploading the theme .zip file, not the entire package you downloaded. In this case, you will be uploading execute.zip.

Bean Help Center

If you’re a problem with the theme or found a bug please let us know on the Bean Help Center. We take pride in our customer support and we will do what we can to assist you.

If you are experiencing a theme issue, please first turn off all third party plugins to see if the problem persists. If so, we will be glad to help.

We are happy to help with setup & bugs you may stumble upon though we cannot support CSS customizations.

FTP Upload

To manually upload your new WordPress theme, login with your credentials to your website and locate the wp-content folder in your WordPress install files. Upload the un-zipped Execute folder into the: wp-content/themes folder.

Once uploaded, activate the theme by heading to the “Themes” menu in the WordPress Dashboard. Locate the Execute theme and hit “Activate”.

Bean Plugins

This theme is compatible with many of our custom developed WordPress Plugins. Head over and Download our Bean Plugins.

Easy Digital Downloads

This theme is compatible with Easy Digital Downloads, a plugin ecosystem for selling digital goods through your WordPress install. Once you've downloaded and installed the EDD Plugin, you may select the "Enable EDD" checkbox located in the Theme Customizer > Theme Settings. This will trigger the custom CSS and associated assets to load.

Once you're up and running, simply click the Add Download button on every post/page and insert your download link into the content area.

Please refer to the Easy Digital Downloads support forum for any questions related to the functionality of the plugin as a whole.

Primary Menu

It is rather important to set your theme menu in the WordPress Dashboard. To do this, locate the Menu options by selecting the “Appearance” tab from the dashboard sidebar and then “Menus”.

Once you’re viewing the Menus, create a new menu and save it. After you’ve saved the menu, you can add it to the Primary Navigation (checkbox) via the Menu Settings, below the Menu Structure area. Add your pages and links to the menu you just created in the Menu Structure area.

Secondary Menu

Execute also has a secondary menu, located beneath the main header content. To establish your secondary menu, simply create and assign a menu to the Secondary Navigation menu location.

Dedicated Mobile Menu

Execute has a special dedicated mobile menu, labeled "Mobile Menu". If you add create and add menu items to this menu, then it will display in lieu of your default menu on mobile views.

Home Page Setup

The demo is currently running the Home Template as the site home (though you can use any template). To set up the home template, simply create a page using the Home Template and publish it. Then in the WordPress Dashboard > General > Reading Settings - select your posts page, which will be the default index page, and your home page (the page you just created).

Alternatively, you may select the pages via the Theme Customizer.

Blog Home Page

You may also elect to have your posts on your home page - if preferred. All you would need to do here is select the option from the Static Front Page section in the Theme Customizer. This is the default WordPress layout.

Home Page Layout

Execute's Home Template utilizes the "Home Template" widget area, located in the WP Dashboard > Appearance > Widgets panel. You may add any of the widget sections designed for use on the home template. Here's a list:

  • Bean Tweets
  • Home Features Section
  • Home Introduction Section
  • Home Page Content Section
  • Home Portfolio Section
  • Home Portfolio Lightbox Section
  • Home Recent Posts Section
  • Home Testimonials Section
  • Home Divider Section

You may add as many widgets as you'd like, in any order that you'd prefer. It's as simple as pie.

Available Post Types

Below is a list of the available post type plugins that are either included in the theme package files, or available via the ThemeBeans website. Note that these plugins are not required to deploy Execute on your website, but are extended functionality plugins.

  • Bean Portfolio Plugin
  • Bean Home Slider Plugin
  • Bean Testimonials Plugin

Plugin Activation

Execute requires the installation and activation of the Bean Portfolio Plugin, Bean Testimonials & Bean Home Slider plugins - in order to enable the various custom post types featured throughout the theme. Simply follow the instructions from the admin notification to install and activate the plugin.

You will find the plugins listed on the WP Dashboard > Appearance > "Install Plugins" admin page.

Portfolio Post Type

Refer to the Portfolio Section of this guide for details concerning the Bean Portfolio Plugin and it's use throughout Execute.

Testimonial Post Type

Once you've successfully installed and activated the Bean Testimonials Plugin, you will be able to create testimonial posts. The process of creating testimonial posts is exactly the same as any other post type. Simply add in the title - which outputs as the name/company, and add in your content - which is their testimony.

These posts will be pulled in via the Home Testimonials Section widget, which generates a slideshow of up to 4 randomly selected testimonial posts.

Home Slider Post Type

Once you've successfully installed and activated the Bean Home Slider Plugin, you will be able to create slides for use on the Home Template. The slides are created the same exact way you would create pages and posts in WordPress. From the WordPress Dashboard, click on the Slides > "Add New" link. Here you may add in headers, images, text, video embeds and more.

There are custom meta settings for each slide, that may be modified beneath the slider content editor. You can set custom background colors, background images, the background format (fullwidth or pattern), and a light or dark style option.

Add a Blog Post

From within your WordPress Dashboard, navigate to the “Posts” tab (located in the Dashboard sidebar) and click on “Add New”. Select the post format on the right sidebar and the format specific meta fields will appear below the editor.

Image Post Format

This theme's image post format outputs a lightbox gallery for the images uploaded in the Image Post Format Settings metabox (beneath the post editor). Don't forget to upload a featured image - which is the first image that will be displayed and when clicked - will pull up the lightbox.

Audio & Video Post Formats

You may also have both video and audio post formats. For the video post format, you have the option to display Vimeo or YouTube embedd code, or a self hosted video of your choice. For the self hosted videos, you should upload a poster image.

The audio post format takes MP3 files and outputs them with a nice audio player.The audio post format also should have a poster image uploaded.

Quote, Link & Aside Post Formats

These last three types of post formats are relativly simple in nature. Once you've selected the post format from the post editor, you'll see metaboxes populate for both the quote and link formats (the aside is simply a text output from the editor). Enter the relevant meta information and you're all set.

Gallery Post Format

To publish a gallery post format select "Gallery" from the Post Format metabox. You will notice a "Gallery Post Format Settings" metabox appear below the post editor. Upload your images in this metabox here, NOT the Add Media button above the post editor.

You can add images from your media library, upload new media and rearrange the images as you wish. There's also an option to make the post images appear in a randomized fashion via a check box below the uploader.

Grid Featured Image

Execute give you the capability of assigning specific images for use on index grid templates - for posts in particular. If you do not upload a grid image, the post's featured image is set as a fallback. We suggest using images 500x500 - or 500x700 for your grid images.

Post Fullwidth Media

As mentioned above, you may choose to display the post's Fullwidth Media container - which will output above your post content. If you're using a specailized media post type, then that fullwith container will contain it's specific media type. For example, the video post format will contain a clickable lightbox opener, the gallery post format will contain a slideshow, and the audio post format will contain the audio player.

You will need to upload a specific fullwidth media image, for which the uploader is located below the Display Fullwidth Media checkbox.

Post Page Meta

Each post has a set of meta rules that can modify it's output. You may elect to display the Page Widget Area (as you can on regular page templates), the Fullwidth Media, set your sidebar layout (right/fullwidth) and choose your text alignment.

Display Post Tags

To display the post tags, head to the Theme Customizer, Blog Settings - then select the Display Post Tags” checkbox.

Display Post Categories

To display the post categories, head to the Theme Customizer > Blog Settings - then select the Display Post Category” checkbox.

Plugin Installation

To install the plugin, head over to our website and simply download the free Bean Portfolio Plugin. Once you’ve successfully downloaded the zip file, head to your WordPress Dashboard and select “Plugins > Add New > Upload.” Add the zipped file in the field there and click “Upload.”

Upon a successful upload, you’ll be prompted to activate the plugin. You’ll then see a new “Portfolio” tab in your WordPress Dashboard Sidebar. Creating portfolio posts is done exactly the same as standard posts.

Creating your Portfolio Page

You need to first create a page using one either the “Portfolio”, “Portfolio Lightbox”, "Portfolio Fullwidth", “Portfolio Fullwidth Lightbox” templates. These templates notice that you have the Bean Portfolio Plugin activated and will pull your published portfolio posts accordingly.

Portfolio Template Options

You may set how many posts initially appear on your portfolio templates via the Theme Customizer, in the Portfolio Settings section. If you set the value to "-1" then you'll pull all your posts without using the infinite loading feature.

Portfolio Post Formats

Execute is capable of displaying stacked images, lightbox, slideshows, audio posts, and video portfolio posts (hosted and embedded - e.g. Vimeo & YouTube). To change the type of portfolio to display, check the format you'd like to display via the "Portfolio Format" metabox, located at the right of the post editor. You may also combine the different formats.

Portfolio Post Meta

Add specific meta to each portfolio post via the Portfolio Meta Settings metabox, located beneath the Portfolio Post Editor. You may select the portfolio type (Gallery, Video, Audio), client, url, categories, tags, views & the publish date.

If you leave any of these fields blank or unchecked - no meta will be published. This way you can have different meta for each post.

Portfolio Gallery Images

If you have selected Gallery Portfolio, the Gallery Post Format Settings will appear below. Here you will add in your images to the post's gallery by clicking the "Browse & Upload" button. You have the capability to rearrange, caption, add more and remove images from the popup modal that appears. Just remember to hit "Save Gallery" and you're all set.

Portfolio Featured Images

We utilized a combination of 500x500px and 500x700px sized images for the demo - but you could use any height you'd prefer - or even just use all squared images. By default, the Fullwidth templates utilize squared images, and will adjust the images to display.

Portfolio Post Creation

When uploading new posts, there's a couple of steps that you can do.

  • 1. Upload a featured image
  • 2. Select the portfolio format(s) (Gallery, Video, Audio)
  • 3. Opt which meta to display (Date, Client, Tags, Categories, Views, URL)
  • 4. Upload your media
  • 5. Enter your content

Portfolio Sharing

To enable portfolio sharing, check the "Enable Portfolio Sharing" option from within the Theme Customizer, Portfolio Settings. Don't forget to add in your Twitter username as well, so it will be added to the Twitter link. The sharing module includes Facebook, Twitter, Pinterest & Google Plus links.

Single Portfolio Loop

If you'd like to display more portfolio posts on your single portfolio page, simply enable the functionality Portfolio Settings > "Enable More Portfolio Posts" checkbox via the Theme Customizer.

This pulls a random assortment of portfolio posts to promote user engagment throughout your website's portfolio.

Portfolio Categories

Built into this theme is the ability to section off categories in order to display different portfolios per page. The theme does this by default - you just need find your category post. To find this navigate to your WP Dashboard, then to the Portfolio > Portfolio Categories tab.

In the Portfolio Categories menu you may select “view” from the list of links that appear when you hover over a category. Alternatively you may simply click on a category in one of the portfolio templates.

Included Widgets

  • Dribbble Shots Widget
  • Flickr Photostream Widget
  • Portfolio Widget
  • Portfolio Menu Widget
  • Portfolio Taxonomy Widget
  • Video Widget
  • Home Features Section
  • Home Introduction Section
  • Home Page Content Section
  • Home Portfolio Section
  • Home Portfolio Lightbox Section
  • Home Recent Posts Section
  • Home Testimonials Section
  • Home Divider Section

Using the Widgets

To employ a widget, simply go to your Widgets editor (located in your WordPress Dashboard in the “Appearance” menu) and drag your widgets into the specified widget areas.

Bean Plugin Widgets

The following widgets are provided with our compatible array of plugins. Download them all.

  • Bean Tweets Widget
  • Bean Instagram Widget
  • Bean Social Widget

Custom Widget Areas

If you utilize our framework widget area generator, you can create alternative widget areas to replace areas on conditional pages.

Widget Area Generator

To create a widget area, locate the "Widget Areas" link on the WordPress Dashboard, under the “Appearance” tab. Once you are in the manager, select “Add New”. Next, name the widget area, choose your conditions, select the current widget area to replace, then hit “Publish”.

Return to your Widgets Dasboard and you will find your new widget area has been added and is abiding by the conditions you have set. Add your widgets here and you will see them change based on the conditions (templates, pages, ect.) that you chose.

Accessing the Customizer

There are a couple ways to get to the Theme Customizer. You can select the “Customize” button in the admin bar or select “Customize” from the Dashboard menu.

Custom Styles

Easily manipulate various CSS elements throughout the theme with the color pickers in this tab.

Custom CSS

Insert your own CSS into the fullscreen CSS editing field by clicking the Custom CSS Editor button in the Theme Customizer header. This code will be applied to your website & will override all other default styles located throughout the theme.

Theme Typography

We've built in a font customizer, in which you may choose between over 600 Google fonts. You may set header, body and secondary body font styles.

Theme Settings

Site Title & Tagline:Name your website and set your tagline.

Theme Settings: Enable Retina.js, Bean Framework SEO metaboxes, elect to enable the Header Search feature, and lastly - elect to load the custom Easy Digital Downloads styles.

General Settings: Upload your logo, login-logo, favicon & apple touch icon, enter your footer copyright text, Twitter username and add Google Analytics script. You may also select one of the two footer layout options (3 small and one large widget, or four equal widget areas).

Custom Background: Select a custom background color or upload an image.

Hello Bar Settings: Select to display a cookie enabled hello bar above your page content. Enter the text to display, as well as an expiration date.

Portfolio Settings:Set the post count on your portfolio templates, enable the single more portfolio loop and enable portfolio sharing. Don't forget to add in your Twitter username in the General Settings text field - (ex: ThemeBeans)x.

Blog Settings: Select to display the post sharing, likes, related posts and post categories/tags. Also customize the Blog Header Title, Load More Title and Related Posts title.

Contact Template: Set your contact form email address and customize the "Send" button text. You may also add in a Google Maps embed code, to output on the Contact Template.

Navigation: Establish your Primary, Secondary & Mobile Navigation menus. Note that you must create the menus from your WordPress dashboard > Appearance > Menus before you may add them here.

404 Error & Coming Soon: Customize your website’s 404 page, and coming soon template.

Image Asset Customization

Each graphical asset has an associated retina image that should be modified when customizing assets in this theme. You will find these retina assets in their respective image locations, in the “retina” folders.

Additionally, if the image size has changed, the background-size property of the associated class in /assets/css/mobile.css must be modified to reflect those changes.

Retina.JS

This theme is retina.js ready - which means that any image will be replaced by a retina image if you’ve uploaded one into the same directory & have appended the “@2x” to the end. Example: logo@2x.png will replace logo.png

WordPress will modify the asset name of any identically named uploads. Make sure your retina assets are the named identically - with "@2x" appended.

Theme Updater

Execute has a fully functional theme update notification & install system built into it's framework. If enabled, Execute will perform exactly like themes downloaded from the WordPress theme repository - whereas the site administrator will be notified of available updates and presented with the option to apply an update from within your WordPress dashboard.

Please note that any modifications to the theme’s core files WILL be overwritten upon updating your theme.

Execute child theme:To ensure your custom code/assets are not deleted, we recommend using the included child theme within your theme’s package. Apply your custom CSS, functions, assets, and template files there and your changes will not be touched.

Turn off update notifications: If you would prefer not to employ the update system, it may be activated/deactivated within the bean_feature_setup function, in the primary – updates key (in the functions.php/child functions.php files). Set that value to false.

Theme Whitelabeling

As part of our v2.0.5 Bean Framework push, we’ve added an option to completely whitelabel the theme framework. If the whitelabel value is set to true- within the bean_feature_setup function – the default ThemeBeans favicon, logo and general references to ThemeBeans will be removed.

This is a great addition those developers out there who are customizing our themes for clients – and now there’s no need to dive in and “rip” out code.

Cookie HelloBar

You may elect to display a cookie enabled hello bar above your page content via the Theme Customizer > Hello Bar Settings section. Enter the text to display, as well as an expiration date.

Expiration Date:If you've enabled the hello bar to display on your theme, you should set an expiration date via the Theme Customizer. The date is fashioned as 2014, 1, 31 (year, month, day) - whereas the months' value starts with 0. For example, with 2014, 4, 31 as the expiration date, the last day that the hello bar will display is on May 31st, 2014.

Just remember that the months' numeral value begins with 0 instead of 1, like traditional calendars do.

Footer Layouts

Execute has two footer layout options - a three by one widgets area (standard), and an four by four widgets layout (where each widget area is the same size).

You can change the footer layout via the Theme Customizer > General Settings > "Footer Layout" select field.

Hide AdminBar

Execute also has a built in option to disable the front-end admin bar for logged in users. Simply head to the bean_feature_setup function at the top of your functions.php (or child theme's functions.php file) - and change the primary - hideadminbar key to TRUE instead of FALSE.

Included Templates

Execute has the following templates built into the theme and can be applied by creating and saving a page in WordPress.

  • Coming Soon Template
  • Contact Template
  • Default Template
  • Portfolio Template
  • Portfolio Fullwidth Template
  • Portfolio Fullwidth Lightbox Template
  • Portfolio Lightbox Template
  • Post Archives Template
  • Site Map Template
  • Under Construction Template

Page Meta Settings

Display Fullwidth Media:
Select to display the page featured image above the main entry content.

Display Page Widget Area:
Select to display the page widget area on a per-page basis. You can opt to display any of the Home Section widgets on any page. If you create multiple widget areas to replace the Page Widget Area on specific pages, then you'd be able to display different widgets on different pages. More info →

Sidebar Layout:
Select to display a fullwidth or right sidebar (not on portfolio/index templates).

Text Alignment:
Select the text alignment style for the page (left, right, centered).

Included Stylesheets

These are the primary CSS files used for general front-end styling. Use these to customize your theme even further.

  • 1. style.css - Primary stylesheet
  • 2. assets/css/mobile.css - Responsive stylesheet
  • 3. inc/edd/style-edd.css - Easy Digital Downloads stylesheet

Included Javascript

These are the various attribution inks to the Javascript files included or modified to work with in this theme.

  • 1. Cookie - www.github.com/carhartl/jquery-cookie
  • 2. jPlayer - www.jplayer.org
  • 3. Isotope - www.isotope.metafizzy.co
  • 4. FancyBox - www.fancyapps.com/fancybox
  • 5. Flexslider - www.woothemes.com/flexslider
  • 6. Fitvids - www.fitvidsjs.com
  • 7. Retina.JS - www.retinajs.com
  • 8. View.JS - www.finegoodsmarket.com/view
  • 9. Headroom.JS - www.wicky.nillia.ms/headroom.js
  • 10. Superfish.JS - www.users.tpg.com.au/j_birch/plugins/superfish