Beep! — WordPress Theme

- By Olevmedia
- Author`s profile on ThemeForest: mopc76
- Other Author`s items

### Table of Contents

# Getting Started top ↑

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

If you are new to WordPress it’s better to read Guides about basic WordPress functionality firstly, which you can find at http://wordpress.org. This Guide describes only current Theme specifics.

## Theme installation top ↑

To install theme you should upload theme files into the proper directory and activate theme. You have two ways to upload theme files:

- FTP Upload: Using your FTP client, 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. Press “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 new theme.

### Installation of Bundled Plugins

Once the theme is activated you will see a suggestion to install recommended plugins, which supplied with a theme. To get full Theme functionality you should install and activate them.

### Demo content

You can import demo content just in a one click, which will give you the start point for the building of your site (Tools > Demo content). See the “Demo Content” section for more details.

## Live Customizer top ↑

This Theme supports WordPress Theme Customizer Feature (Appearance > Customize). You can cutomize colors, few other options and see changes live. Also, please, note that full list of options is available only in the "Theme Options" section of the back-end.

## Theme Options top ↑

After theme installation go to Theme Options (Theme Options section of the back-end) take a look through available options to gain an understanding of what can be changed and set the prefer options. Also you can modify options at any time later.

### Theme Options: General settings

In that section you can set general options for website such as:

- Favicon
- Site intro text (text at the top of the pages)
- Sub-footer text – copyright and other small text info

and other general options.

### Theme Options: Logo

In that section you can set the logo (upload image or specify text string)

### Theme Options: Layout

In that section you can activate/deactivate responsive mode, choose the overall/header/footer layout

### Theme Options: Menu

In that section you can make the menu attached to the top of the screen or make it static. Also there are few more options related to the menu.

### Theme Options: Styling

In that section you can change the colors, background and fonts. Also you can save any styling options set as a preset and apply it anytime. There are number of styling presets comes with standard theme package.

### Theme Options: Sliders

The theme comes with two built-in sliders. You can activate/deactivate them in that section.

### Theme Options: Comments

In that section you can enable/disable comments block for specific website sections or activate Facebook comments block.

### Theme Options: Page Titles

The theme supports several page title layouts. You can specify here the default layout for all pages, which will be applied if custom layout is not chosen for the specific page.

### Theme Options: Blog Options

Options related to the blog index and post pages. Set excerpt, pagination mode and other blog features here.

### Theme Options: Lightbox

The theme comes with integrated Lightbox for images. You can set some options or deactivate built-in lightbox here.

### Theme Options: Breadcrumbs

You can display navigation chain on every page or disable it.

### Theme Options: Sidebars

It can be any number of custom sidebars in the theme, which could be chosen for every post/page individually. The number of additional sidebars can be set here. Also in this section you can choose the default sidebar position.

### Theme Options: Social Icons

There are number of social icons available, which can be displayed at the header or footer of the website. Just specify the link for the icon and the icon will be displayed.

### Theme Options: Extra block codes, counters

Here are custom code blocks fields. You can add custom code to the <HEAD> section (scripts, styles, google.analytics code, etc.) or to the <BODY> section of the HTML template. Also you can add custom code for posts/pages/portfolio between header and content or after the content. Here can be added codes of social services such as “Like” or “Tweet” or anything you want.

### Theme Options: Export / Import

You can export current saved options to a file and import options values from the file. You can do it by navigating to the bottom of the options page (Appearance > Theme options).

## Setting up the Homepage top ↑

By default WordPress sets the front page as a Blog index Page. You can set as a Front page any custom page, fill it with shortcodes and attach a slider.

To set some custom page as a front page do the following: navigate to Pages > Add New. Fill the page with content, you can use plenty of shortcodes located under green "plus" button at the toolbar to apply some custom styling for content, then click “Publish”. Also a slider can be attached to the page, see more about sliders here.

Once you have created your new page which you want to be a “Front page”, navigate to Settings > Reading and configure the “Front Page Displays” setting. Select the static page option and choose the page you just created as your front page.

## Setting up the Blog top ↑

To set up the blog, you have to create a new page, you can do so by navigating to Pages > Add New. You do not have to include any content. Select “Blog” template from the Page Attributes section and click “Publish”.

Once you have created blog index page you can add posts to the blog (Posts > Add New). Blog options can be set under Theme Options > Blog Options.

### Blog Layouts

Once "Blog" template is chosen for the page, "Blog options" options box appear at the bottom. You can choose a layout of the blog page there:

### Blog Post Formats

There are 7 formats of blog post in the theme:

- Standard
- Audio
- Gallery
- Image
- Link
- Quote
- Video

Choose one of the predefined format when you create or edit post using this box:

#### Post format: Standard

Standard format. You can set a featured image for post. This image can be shown on the single post page at the beginning or not (see Theme options > Post options).

#### Post format: Audio

You can attach audio file to post and the post will be displayed with the player. To attach a file click “Browse” button on the “Audio Settings” pane, upload the file or select existing one from the Media Library. Also you can just provide an embed code for the audio file hosted with a media service (e.g. SoundCloud)

#### Post format: Gallery

You can attach to the post Images Gallery. You can choose which images should display the gallery using Gallery Settings box. You can choose to display images attached to the post or you can display custom set of images from the Media Library.

#### Post format: Image

It’s the post with one image, it looks like standard post with featured image. Just specify featured image for the post. This picture will be shown also at the single post page at the top.

#### Post format: Link

Enter the URL at the “Link Settings” pane and the link will be displayed in the post.

#### Post format: Quote

Enter a quote and an author at the “Quote Settings” pane and it will be displayed in the post.

#### Post format: Video

You can attach video file to post or insert embed code provided by video-hosting service (YouTube, Vimeo, etc.) and the post will be displayed with the player. To attach video file click “Browse” button on the “Video Settings” pane, upload the file or select existing one from the Media Library. To insert embed code just insert it into Embeded Code field.

## Setting up the Portfolio top ↑

Portfolio functionality is powered by "Olevmedia Portfolio" plugin, which supplied with a Theme. Please, make sure that you've installed and activated it, otherwise navigate to Appearance > Install Plugins and install the plugin.

To set up the portfolio, you have to create a new page, you can do so by navigating to Pages > Add New. You do not have to include any content. Select “Portfolio” template from the Page Attributes section and click “Publish”.

You can customize portfolio index page using "Portfolio options" box.

One you have created Portfolio index page you can add new items (Portfolio > Add New).

When you add or edit portfolio items you can customize the layout of the portfolio item page using "Portfolio Details" options box:

### Portfolio formats

There are five portfolio formats available:

- Single Image
- Gallery
- Audio
- Video
- No Media Block, Full Width Custom Page

Portfolio format can be chosen at the “Portfolio Details” options box.

#### Portfolio format: Single Image

Use this format if you want to show a single image. You can choose which image should display the portfolio item using Portfolio images box. You can choose to display image attached to the post or you can display any image from the Media Library.

#### Portfolio format: Gallery

Use this format if you need to show images gallery. You can choose which images should display the gallery using Portfolio images box. You can choose to display images attached to the post or you can display custom set of images from the Media Library.

#### Portfolio format: Audio

Attach to the item an audio file and the portfolio item will be displayed with the player. To attach file click “Browse” button on the “Audio Settings” pane, upload the file or select existing one from the Media Library.

#### Portfolio format: Video

Attach to the item a video file or insert embed code provided by video-hosting service (YouTube, Vimeo, etc.) and the portfolio item will be displayed with the player. To attach a file click “Browse” button on the “Video Settings” pane, upload the file or select existing one from the Media Library. To insert embed code just insert it into Embeded Code field.

#### Portfolio format: No Media Block, Full Width Custom Page

With this format there is no preset layout applied to the page and Full Width Page is available for any custom content.

## Multiple Portfolio pages top ↑

You can create multiple portfolio pages and choose the category of items which will be shown on the each page. Follow the guide to do it right way.

To create multiple portfolio pages with different categories shown on them you need to set up proper structure for portfolio categories firstly.

Let's take the example: you need first portfolio page shows Services with categories “Service 1”, “Service 2”, “Service 3”, and the second one shows Goods with categories “Goods 1”, “Goods 2”

Following this you need to create new Portfolio category “Services”, then create new Portfolio category “Service 1” and choose “Services” as a parent category for it. The same with “Service 2” and “Service 3”.

Create new Portfolio category “Goods”, then create new Portfolio category “Goods 1” and choose “Goods” as a parent category for it. The same with “Goods 2”. Finally you should get something like this:

Now you can fill portfolio section with services and goods attaching them to the proper category.

Then you need to create portfolio page for Services and another one for Goods. Clicks Pages > Add new, give it a name, say, “Portfolio: Services”, choose the template “Portfolio”, you’ll see the box “Portfolio categories to show” appeared. Choose the “Services” category and clicks “Publish”. Then add new page, for Goods the same way, but choose the “Goods” category to show. That’s all. Now your “Portfolio: Services” will show items under “Services” category with “Services 1”, “Services 2” and “Services 3” sub-categories, and the page “Portfolio: Goods” will show items under “Goods” category with “Goods 1” and “Goods 2” sub-categories.

# Theme Features top ↑

The theme comes with built-in features that control the layout and extend the functionality of WordPress. This document section describes these features.

## Sliders top ↑

The theme bundled with two premium slider plugins: "LayerSlider Responsive WordPress Slider Plugin" and "Slider Revolution Responsive WordPress Plugin" so you don't need to buy it. You just need to install and activate them under "Appearance > Install Plugins".

You can attach slider to any page using "Slider" options box:

## Theme Options top ↑

The theme comes with a built-in options panel. You can access it by navigating to Theme Options. The theme options are separated by a number of tabs.

## Galleries top ↑

The theme provides 3 layouts for the galleries: Slider, Sliced, Masonry. Galleries are managed by standard WordPress Galleries editor. Click "Add Media > Create Gallery" and choose a layout under "Gallery Settings"

## Shortcodes top ↑

Shortcodes functionality is powered by "Olevmedia Shortcodes" plugin, which supplied with a Theme and allows you to add styled content to your site very easily. Please, make sure that you#39;ve installed and activated it, otherwise navigate to Appearance > Install Plugins and install the plugin.

The available shortcodes have been included in a one-click menu. When creating a page or post, click the green “+” icon to reveal a list of shortcodes (you must be in visual editor mode). Choose the block you wish to include, configure the options and insert.

## Page Templates top ↑

Theme includes several page templates (Page Attributes > Templates):

### Blog

When you choose this template, page displays the Blog.

### Portfolio

When you choose this template, page displays the Portfolio. Olevmedia Portfolio plugin must be installed.

### Sitemap

When you choose this template, page displays the Sitemap.

### 100% Width

Use this template in combination with Full Width Section shortcode (Olevmedia Shortcodes plugin must be installed) to apply custom fill width backgrounds (color, image, video) for content sections.

To make everything works properly, apply 100% Width Template and wrap all page content into Full Width Section shortcode. Also you can divide content into several sections.

### Without Header/Footer

When you choose this template, page displays without Header and Footer section. This is useful for Landing Pages.

### Without Header/Footer, 100% Width

This is a combination of 100% Width and Without Header/Footer templates.

## Custom Widgets top ↑

The theme comes with 4 custom widgets that can be used in all sidebar areas. They can be found under Appearance > Widgets.

### Recent Posts

This widget displays recent Posts from the Blog.

### Recent Portfolio

This widget displays recent Portfolio items and available when "Olevmedia Portfolio" plugin is active.

### Latest Tweets

This widget allows you to configure and display your latest Twitter tweets.

### Facebook Like Box

This widget allows you to display facebook like box.

## Unlimited Sidebars top ↑

You can choose an individual sidebar for every post/page. When editing post/page there is “Sidebar” option pane available, where you can chose the sidebar to be shown on the page. It can be “Main” (default) sidebar or one of the alternatives. It can be any number of alternative sidebars and the number of available sidebars can be set by navigating Theme Options > Sidebars.

# Demo Content top ↑

The theme provides "One Click Demo Content Import Tool". Just navigate to "Tools > Demo content" and import the Demo Content.

Also the theme contains separated demo content files, which can be found in the demo_content folder of the package.

- wordpress.xml
  This is standard WordPress export file, which contains the content for pages, menus, etc. You can import data by navigating Tools > Import.
  - Please note, when importing demo content if you check "Download and import attachments" option it could hang the import process because of huge number of images. If it happens, just don't check this option and import content without images.
- theme_options.dat
  This is theme options export file, which contains option values. You can import data by navigating Theme options and scroll down to Export/Import.
- widgets.wie
  This is widgets export file. This data can be imported via Widget Importer & Exporter plugin.
- LayerSlider.json
  This is LayerSlider export file. This data can be imported via LayerSlider plugin.

# WPML Multilingual Plugin top ↑

The theme supports one of the most popular plugin, which could turn your WordPress website to multilingual — WPML. To proceed with it you need to buy, download and install the plugin. You can check out the guide "How to Download and Install WPML". The complete WPML documentation you can find here: http://wpml.org/documentation/

Once the plugin is installed, you can enable a theme option to display languages selector menu in the header under Theme Options > WPML

# Theme Update top ↑

You can receive notifications to WordPress backend and update the theme automatically using Envato API or you can do it manually.

### Automatic updates

Navigate to "Theme Options > Theme updates" and specify your ThemeForest username and API key.

API key you can get on ThemeForest website: Profile > Settings > API Keys

Once you specified username and API key, you will start receiving notifications about theme updates into WordPress automatically.

### Manual updates

Firstly download new theme version from “Downloads” section of your ThemeForest account. There are two ways to update the theme:

1. if you know how to use FTP manager, upload and replace all theme files into wp-content/themes/beep folder via FTP
2. you can just activate another theme, delete Ace, upload new version and activate it.

You won’t lose any settings/content until you made any changes directly into theme files.