Acute.

This is the theme help documentation file. Please search this before contacting the Bean Support Center. Note that we do not support theme customizations beyond a theme's original functionality & appearance.

Live Theme Demo View on ThemeForest

1. Getting Started

A bit on getting started with your WordPress project, package files & the Bean Support Center.

1.1 Included Files

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

  • Help
  • Licensing
  • Sources
  • Theme
    • acute
    • acute.zip
    • acute-child.zip

1.2 Installation Options

To install your brand new WordPress theme (that you’ve already downloaded and un-packed) you have two primary options: FTP or WordPress Upload. Learn a bit more on each below in Sections 1.3 and 1.4.

1.3 WordPress Upload

To upload through your WordPress Dashboard, select “Appearance” and then “Themes” (located on the Dashboard sidebar). 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.

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

When uploading your theme through the Dashboard, please ensure you are uploading the theme .zip file, not the entire package you downloaded. In this case, you will be uploading acute.zip. If you upload the wrong file (the package) you will get an error stating “Error: missing style.css stylesheet.”

1.4 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 acute folder into the: wp-content/themes folder.

Note: Again, please ensure you are uploading the un-zipped theme folder, not the entire package downloaded.

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

1.5 Compatible Plugins

This theme is compatible with just about the full array of ThemeBeans developed WordPress Plugins. To download the free plugins, head to http://themebeans.com/plugins and grab a few.

1.6 Bean Support Center

If you’re a problem with the theme or found a bug please let us know on the Bean Support Center. We take pride in our customer support and we will do what we can to assist you. It is impossible to test every plugin developed for WordPress and unfortunately there are a good number that pose issues to many themes in general. 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.

2. The Home Page

Initial set-up procedures to get your website’s home page running and theme menus.

2.1 The Reading Settings

The first step is to set your home page as your latest posts in WordPress. To do this, head back into your WordPress Dashboard and from the sidebar links, hover on “General Settings” and click on “Reading”. Choose to have your front page displayed as “Latest Posts” and save.

2.2 Navigation 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, click on the “+” near the top to create a new menu. After you’ve saved the menu, you can select it in the left meta box (the dropdown selector) as the Primary Navigation. Add your pages and links to the menu you just created.

Note: If the theme menu does not display in mobile view, the error is likely caused by an unselected menu.

2.3 The Sliding Panel

The sliding panel is a neat aspect of the theme. It can be turned on / off via the Theme Options Panel in the “General Settings.” The panel’s corresponding widget area is the “Sliding Panel” area, though you may add alternate panels to target different pages throughout your theme install - see section 4.4 Widget Area Generator.

2.4 The Announcement

Acute also comes with a built-in announcement bar, that can be used to put out a little blurb to your viewers. If they close the announcement - they wont see it again, as it’s cookie verified. This way your messages will be seen but also not invasive on your website. This can be turned on via the Theme Options Panel in the “General Settings.”

3. The Blog

A few tips on creating your blog page, blog setup and standard post publishing in our theme.

3.1 Adding 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.

3.2 Image & Gallery Post Formats

To publish an image post format, set your photo as the post featured image. This image will then be displayed on your blogroll without the clutter of a post title & meta data.

To publish a gallery post format, upload as many photos as you’d prefer into the media uploader and DO NOT set a post featured image. If you do, it will override the gallery slideshow.

Note: The recommended default size for image & gallery post featured images is 760px by 357px.

3.3 Other Post Formats

This theme has built in functionality for many other alternative post formats: audio, video, aside, link and quote formats. You will find a meta box located under the publishing box to the right of your post editor. This meta box is used to select alternate post types to publish to your blogroll.

3.4 Post Meta Options

From the theme options panel, you may select to display the post Author, Date, Category & Comment Count - in the “Blog Settings” panel.

3.5 Changing the Post Author

To change the post author - which is a default WordPress functionality - select the “Author” checkbox from the “Screen Options” tab, located at the top right of the WordPress editor.

3.6 Continue Reading

This button is not automatically placed in your theme install. You need to include the “more” tag, which is simply: In your WordPress editor, place this on a new line - after the desired text is in place. Everything below this tag will be seen only on the single posts view.

4. Theme Widgets

The included widgets and how to’s on managing the widget areas throughout this theme.

4.1 Included Widgets

acute has the following widgets provided in the theme package:

  • Dribbble Shots Widget
  • Flickr Photos Widget
  • Twitter Feed Widget
  • Newsletter Widget
  • Skills Widget
  • Social Profiles Widget
  • Popular Post Widget
  • Social Counter Widget (Twitter, Facebook, Dribbble)

This theme is compatible with the Bean Tweets & Bean Instagram Plugins, which generate widgets.

4.2 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.

4.3 Widget Positioning

All the custom widgets have been designed to effectively take on styles based on their positioning in the Internal Sidebar, Sliding Panel & Footer. You will see their corresponding CSS tagged in the style.css stylesheet.

4.4 Widget Area Generator

There is currently 1 widget area built into the theme base, although if you utilize our framework widget area generator, you can create alternative widget areas to replace current areas on certain pages, posts or even tags.

To create a widget area, locate the Widget Area Manager on the WordPress Dashboard, under the “Appearance” tab. Once you are in the generator, select “Add New”. Next, simply name the widget area, select the conditions, select the current widget area to replace, then hit “Publish”.

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

5. Theme Options

A few tid-bits concerning your new theme’s powerful Theme Options Panel and the neat functionality behind it.

5.1 Accessing the Options Panel

To manage your custom theme options, locate the “Theme Options” menu item, under the “Appearance” tab of your WordPress Dashboard sidebar.

5.2 The Options

A. General Options: Select one of the two base styles, upload your logo/ favicon/apple touch icon, customize the footer copyright text and add your analytics options. You can also opt to turn the Sliding Panel off here and decide to deploy a cookie verified announcement at your website’s head.

B. Blog Settings: Here you may choose to show the post pagination, the "About the Author" section and certain post meta parts (author, date, categories, comment counts).

C. Footer Settings: In the footer settings panel you have the option to choose between four different footer layouts, select your footer social media icons, modify the copyright text & set any footer analytics that you might utilize.

Please ensure you have the social URL / Usernames set in the Social Media Settings.

D. Social Media Settings: This is where you would set your social usernames and URLs (to appear in the footer icons ).

E. 404 Error Page Settings:Completely manage and customize your website’s 404 Error Page in this tab, including the header, paragraph, and back button text.

F. Site Archives Settings: Choose which (or select all) types of archive content to display on the Archives Template and customize the headings to each archive section.

G. Custom CSS: Customize your website even more with this tab. Add in any CSS attributes and values to add to your website. These styles are appended in the header of your website.

H. Background Image: Easily manipulate various CSS elements throughout the theme with the color pickers in this tab.

These colors will override all other theme stylesheets. Deleting the color inputted will allow the stylesheets display.

I. Import / Export & Reset Options: Copy & download your current theme options settings, import a new set, or do a full manual reset of your current Theme Options.

6. The Portfolio

Setting up your theme’s portfolio using the Bean Portfolio Post Type Plugin (free & required for use of the portfolio).

6.1 Installing the Plugin

To install the plugin, head over to www.themebeans.com/plugins and simply download the free Bean Portfolios 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. To upload multiple images, just add more images via the “Add Media” button.

6.2 Creating your Portfolio Page.

You need to first create a page using the “Portfolio” template or the “Filterable Portfolio” template. This template will realize that you have the Bean Portfolio Post Type Plugin activated and will pull your portfolio posts.

6.3 Featured Images.

In Acute we utilized 480px x 260px (non-retina) for our grid system featured images (on the portfolio templates) - in order to properly accommodate the responsive build./p>

6.4 Adding Media.

To add media to Acute, you will simply utilize the “Add Media” button above the portfolio post editor.

We wrote a help article on How to Upload & Attach Images to a Portfolio Post. Also, we drew up a quick Video Guide utilizing another theme - though it’s the same uploading instructions as Acute.

7. Retina Capability

This theme is fully compliant with retina standards as each image asset included has associated CSS & a 2x image.

7.1 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.

7.2 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

8. Files & Sources

To sum it all up, this is dedicated to the theme templates, javascript files and other sources / credentials for our theme..

8.1 Theme Template

  • Archives Template
  • Contact Template
  • Default Template
  • Right Sidebar Template
  • Left Sidebar Template

8.2 CSS Files

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

  • Style.css (Primary Stylesheet)
  • Mobile.css (Responsive Stylesheet)
  • Framework.css (Framework Stylesheet)

8.3 Javascript Sources

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

  • Jplayer  www.jplayer.org 
  • Jquery UI www.github.com/jquery/jquery-ui
  • Flexislider www.woothemes.com/flexslider
  • Auto Height www.github.com/alexdunphy/flexible-textareas
  • Modernizr Custom Build www.modernizr.com
  • Retina.JS www.retinajs.com
  • jQueryEasingv1.3www.gsgd.co.uk/sandbox/jquery/easing