Lets Make It Loud !

General Information

Thank you for purchasing our Theme! We hope you will find answers to all your questions regarding Boombox answered in this Documentation as much in details as possible. However, if you still need support, do not hesitate to contact us. We will appreciate, if you find a few seconds and rate our Theme. Many thanks!

To install this theme you must have a working version of WordPress. If you are new to WordPress, we highly recommend you to read through some beginner tutorials first.

Technical Requirements

To install this theme you need to have a working version of WordPress. Please refer to WordPress documentation for further instructions. You can download the latest version of WordPress here.

  • PHP 5.4 or higher
  • MySQL 5.5 or higher
  • Apache mod_rewrite module musts be enabled

Besides the recommended server requirements for WordPress, make sure your PHP memory for WordPress is set to 128MB. You can read more about changing the PHP memmory in WordPress codex.

This theme is tested under Mac, Windows

Compatible Browsers: IE9+, Firefox, Safari, Chrome, Opera

Theme Installation

Install Theme

Once you've downloaded the installation file on ThemeForest, extract it and locate a file called boombox.zip. You can install the theme by using one of two installation methods:

  1. WordPress upload - This is probably the simplest way for most users. Here are the steps you need to take:
    1. Login to WordPress admin
    2. Go to admin panel > Appearance > Themes > Add New > Upload Theme
    3. Click on "Choose File" and select boombox.zip
    4. Click on "Install Now"
  2. FTP upload - If you wish to install via FTP, here are the steps you need to take:
    1. Using FTP client, login to the server where your WordPress website is hosted
    2. Using FTP client, navigate to the /wp-content/themes/ directory under your WordPress website's root directory
    3. Using FTP client, upload the Boombox directory to themes directory on remote server

Install Plugins

The theme requires the following plugin: BoomBox Theme Extensions and recommends the following plugins: Zombify, AdSense Integration WP QUADS, Envato WordPress Toolkit, MailChimp for WordPress and Mashshare Share Buttons.

Step 1 – After activating the theme, you will be asked to install the required and recommended plugins, you can proceed by clicking on Begin installing plugins.

Boombox_theme installation

Step 2 – In the next page, check all the plugins that you want to install then on the drop down Bulk Actions, choose Install then click Apply, the plugin installation process will start. Wait until all plugins activated then start customizing your website as you wish.

Boombox_theme installation

Update Theme

Manual update

When new update will be released, the ThemeForest will notify you about that so you can download new package and install it manually. We don't recommend this approach. The more robust way is to use automatic updates.

Automatic update

To use automatic updates you need the Envato WordPress Toolkit plugin. If you haven't installed it yet, you can do that now via WordPress AdminAppearanceInstall Plugins panel.

For more information about its configuration, please read the Envato WordPress Toolkit Guide For Automatic Theme Updates.

Theme Demo setup

Now installing demo version is easy as never before, you can install any demo with just one click.

Before installing demo please consider following: If you want your demo to looked exactly like selected demo and to prevent conflicts with current content, we highly recommend importing demo data on a clean installation.

We highly recommend to create backup of your site before database reset. Please note that database reset means cleaning all content that you have in your WordPress and restore to WordPress defaults. You can use WordPress Database Reset plugin or WP-Reset plugin to reset your WordPress site and start clean installation.

Here is how one click demo works – It took XML file with content, DAT file for Customizer and WIE file for widgets and set all them together with one session.

Once you installed the theme and activated required and recommended plugins, go to Dashboard > Appearance > Boombox Demo Import and click on it. You will see below page where you will be able to choose any of predefined demos.

Boombox_theme installation

Select the Demo which you decided to import and then click on “Import” button.

Boombox_theme installation

In opened popup approve your choice.

Boombox_theme installation

Note: media files, posts and pages in demo content are different then in initial demo versions. We decreased posts and media files to make the demo load faster.

Theme Customization

Getting started

Most of all changes for website’s front, you can do by customizer setup. We will explain what you can change from this setup

Here's what you need to do:

  1. Go to Appearance > Themes
  2. On Theme Boombox, click Customize to start customizing your theme
Boombox_Theme_Customization

NOTE: Please remember to click Save & Publish button at top left after done customizing to save the changes

Boombox_Theme_Customization

NOTE: These are global settings so its effect is site-wide. These settings can be overridden in single post or page

Site Identity

Boombox_Theme_Customization

In this section you can change:

  1. Site title and tagline. Also you can disable on enable to show tagline.

    Boombox_Theme_Customization
  2. Site icon (favicon)

    Boombox_Theme_Customization
  3. Logo

    Boombox_Theme_Customization

    After attaching logo, you can set it width and height.

    Boombox_Theme_Customization

    For High DPI screen (like Retina) you can upload image that must be twice as big.

    Boombox_Theme_Customization

    Small logo is for secondary menu

    Boombox_Theme_Customization
  4. 404 Page image

    Boombox_Theme_Customization
  5. Footer text

    Boombox_Theme_Customization

Widgets

Widgets are easy to manage and can be incredibly useful to have on your site.

For Boombox we've developed custom widgets to give you even more functionality:

  • Custom Sticky Sidebar Widget
  • Custom Sidebar Footer Widget
  • Custom Social Widget
  • Custom Recent Widget
  • Custom Trending Widget
  • Custom Picked Posts Widget

For detailed instruction how to edit/add/reorder widgets, click to Widgets section.

In this section you can quickly manage (edit/add/reorder) already created widgets areas.

Static front page

You can find detailed information about this section here.

Design

This is one of most useful section for global, header’s, footer’s and badges’ transformation. From here you can change almost everything: font, size, color, position.

This section consist from 4 parts:

1. Global

  • Google App API KEY

    by using Google App Api Key you can easily menage what font to use from large Google fonts collection.

  • To learn how to get the API key please click here.

  • Logo Font Family

    choose from various fonts for website logo. Font can be Standard font or Google font.

  • Primary Font Family

    choose from various fonts for heading texts. Font can be Standard font or Google font.

  • Secondary Font Family

    choose from various fonts for heading texts. Font can be Standard font or Google font.

  • Post Titles Font Family

    choose from various fonts for heading texts. Font can be Standard font or Google font.

  • Google Font Subset

    some of the fonts in the Google Font Directory support multiple scripts (like Latin, Cyrillic, and Greek for example). In order to specify which subsets should be downloaded the subset parameter should be checked in available list.

    For more information click here.

  • General Text Font Size (px)

    choose size of general text font

  • Single Post Heading Font Size (px)

    choose size of single post heading font

  • Widget Heading Font Size (px)

    choose widget heading font size

  • Page Wrapper Width

    change wrapper width, if you want to change body style from wide to boxed

    1. boxed - page body is located in the zone of limited screen width, behind which the background image is seen
    2. wide - page body occupies entire screen width (background image is not seen behind it), and contents is placed in the area of limited width by screen center.
  • Body Background Color

    the background color for all pages of the theme.

  • Body Background Image

    select it from media library or upload.

  • Body Background Link

    will redirect if somebody click on Background Image.

  • Content Background Color / Primary Color / Primary Text Color / Base Text Color / Secondary Text Color / Heading Text Color / Link Text Color / Secondary Components Background Color / Global Border Color

    select one of the predefined colors or choose your own one from color picker tool. You can always restore default color by clicking on Default button.

  • Global Border Radius (px) / Inputs/Buttons Border Radius (px) / Social Icons Border Radius (px)

    by changing Border Radius, you can change the shape of buttons and cards

2. Header

Header consist from 2 parts: Top and Bottom headers. Both parts can be customized separately.

  • Disable Top Header

    select the checkbox to hide Top Header

  • Disable Bottom Header

    select the checkbox to hide Bottom Header

  • Logo Position

    select where to show logo: Top Header or Bottom Header

  • Pattern Position

    select where to show pattern: Top Header, Bottom Header or none

    NOTE: pattern affected only for bottom layer, that's mean bottom layer must have different color from upper layer

  • Pattern Type

    select one of two available types of pattern: Rags and Clouds

  • Shadow Position

    select where to show shadow: Top Header, Bottom Header or none

  • Badges Position

    select where to show badges: Top Header, Bottom Header, Outside Header or none

  • Authentication Position

    select where to show authentication: Top Header, Bottom Header or none

  • Search Position

    select where to show search: Top Header, Bottom Header or none

  • Top Menu Alignment

    select alignment: left, middle, right

  • Bottom Menu Alignment

    select alignment: left, middle, right

  • Social Position

    select where to show social icons: Top Header, Bottom Header or none

  • Burger Navigation Position

    select where to show social icons: Top Header, Bottom Header or none

  • Community Text

    type name of your community

  • Sticky Header

    select one of 4 available options: Top Header, Bottom Header, both Headers or none. This option will stick the header to the top of pages when scrolling down.

  • Top Header Height / Bottom Header Height

    select one of 2 available sizes: Big or Small

  • Top Header Width / Bottom Header Width

    select one of 2 available styles: Boxed or Full width

  • Site Title Color / Top Background Color / Top Text Color / Top Text Hover Color / Bottom Background Color / Bottom Text Color / Bottom Text Hover Color / Button Background Color / Button Text Color

    select one of the predefined colors or choose your own one from color picker tool. You can always restore default color by clicking on Default button

  • Button Text

    enter the name of creating post button

  • Button Link

    enter custom link for rediraction

  • Enable Plus Icon On Button

    marking this checkbox will show plus icon next to the title in button

3. Footer

  • Hide Top Part

    select the checkbox if you want to disable top section of footer.

    Boombox_Theme_Customization
  • Hide Bottom Part

    select the checkbox if you want to disable bottom section of footer.

    Boombox_Theme_Customization
  • Hide Pattern

    select the checkbox if you want to disable pattern of footer.

    Boombox_Theme_Customization
  • Hide Social Icons

    select the checkbox if you want to disable social icons.

    Boombox_Theme_Customization
  • Disable Strip

    select the checkbox if you want to hide strip in footer’s top section.

    Boombox_Theme_Customization
  • Strip Conditions

    choose by what criterion to show: Most voted, Most viewed, Most discussed, Recent, Featured, Most Shared

  • Strip Time Range

    select duration criteria: All time, Last 24 hours, Last 7 days, Last 30 days

  • Strip Category

    select categories from which you want to show posts in a strip

  • Strip Tags

    select with what tags you want to show posts in a strip

  • Strip Items Count

    select with what tags you want to show posts in a strip

    Note: All changes will take 100% effect after 24 hours

  • Top Background Color / Top Primary Color / Top Primary Text Color / Top Heading Color / Top Text Color / Top Link Color / Bottom Background Color / Bottom Text Color / Bottom Text Hover Color

    select one of the predefined colors or choose your own one from color picker tool. You can always restore default color by clicking on Default button

4. Badges

  • Badges Positions On Post Thumbnail

    select one of available badges positions on post thumbnail: Outside Left, Outside Right, Inside Left and Inside Right

  • Hide Reaction Badges

    select the checkbox if you want to disable reaction badges.

    Boombox_Theme_Customization
  • Reactions Background Color / Reactions Text Color

    select one of the predefined colors or choose your own one from color picker tool. You can always restore default color by clicking on Default button

  • Reactions type

    select one of 4 available styles for reaction badges:

    1. Face

      Boombox_Theme_Customization
    2. Text

      Boombox_Theme_Customization
    3. Face text

      Boombox_Theme_Customization
    4. Text Angle

      Boombox_Theme_Customization
  • Hide Trending Badges

    select the checkbox if you want to disable trending badges.

    Boombox_Theme_Customization
  • Trending Icon

    choose your favour trending icon from 3 available

    Boombox_Theme_Customization

  • Trending Background Color / Trending Icon Color / Trending Text Color

    select one of the predefined colors or choose your own one from color picker tool. You can always restore default color by clicking on Default button

  • Hide Category & Tag Badges

    select the checkbox if you want to disable category and tag badges.

    Boombox_Theme_Customization
  • Show Badges for Category

    select categories for which you want to show category badges

  • Show Badges for Tag

    select categories for which you want to show tag badges

  • Category & Tag Badges Background Color / Category & Tag Icon Color / Category & Tag Text Color

    select one of the predefined colors or choose your own one from color picker tool.

For detailed instruction how to edit/add/reorder widgets, click to Badges section.

Layouts

This section consist from 3 parts:

1. Archive

Disable Strip

select the checkbox if you want to hide strip in archive layout.

Boombox_Theme_Customization
Default Template
select one of 3 available template layouts: Left Sidebar, Right Sidebar, No Sidebar
Strip size
choose from two available sizes: big and small
Strip Titles Position
choose from two available positions: inside and outside
Strip Conditions
choose by what criterion to show: Most voted, Most viewed, Most discussed, Recent, Featured, Most Shared
Strip Time Range
select duration criteria: All time, Last 24 hours, Last 7 days, Last 30 days
Strip Category
select categories from which you want to show posts in a strip
Strip Tags
select with what tags you want to show posts in a strip
Strip Items Count

minimum count: 6. To show all items, you must enter -1.

Note: All changes will take 100% effect after 24 hours

Note: Changes in Archive layout affect on Archive, Categories, Tags and Badges lists

Disable Featured Area

select the checkbox if you want to hide Featured Area in archive layout.

Boombox_Theme_Customization
Featured Conditions
choose by what criterion to show posts in Featured Area: Most voted, Most viewed, Most discussed, Recent, Most Shared
Featured Type
choose one of 3 available featured types: 1 featured with newsletter, 2 featured and 3 featured
Featured Time Range
select duration criteria: All time, Last 24 hours, Last 7 days, Last 30 days
Listing Type
select one of 6 available types of listing: Four Column, Grid, List, List 2 (small list), Classic, Classic 2 (fixed height), Stream (gif’s & memes)
Pagination Type
select one of 4 available types of pagination: Load more, Infinite Scroll, Infinite Scroll (first load via click), Numbering, Next/Prev Buttons
Posts Per Page
choose how many posts to show per page
Hide Elements
you can disable most of all features from listing: Share Count, Views Count, Votes Count, Categories, Comments Count, Media, Subtitle, Author, Date, Excerpt (for Classic Listing Type), Badges, Post Type Badges
Ad
choose to show Ad in posts listing or not
Inject ad instead of the post
select instead of what post to show Ad
Newsletter
choose to show subscription block in posts listing or not
Inject newsletter instead
of the post
select instead of what post to show subscription block

2. Post single

Default Template
select one of 3 available template layouts: Left Sidebar, Right Sidebar, No Sidebar
Posts Navigation Direction
select one of 2 available versions: From Newest to Oldest or From Oldest to Newest
Disable Strip
select the checkbox if you want to hide strip in post single layout.
Strip size
choose from two available sizes: big and small
Strip Titles Position
choose from two available positions: inside and outside
Strip Conditions
choose by what criterion to show: Most voted, Most viewed, Most discussed, Recent, Featured, Most Shared
Strip Time Range
select duration criteria: All time, Last 24 hours, Last 7 days, Last 30 days
Strip Category
select categories from which you want to show posts in a strip
Strip Tags
select with what tags you want to show posts in a strip
Strip Items Count

minimum count: 6. To show all items, you must enter -1.

Note: All changes will take 100% effect after 24 hours

Note: Changes in Archive layout affect on Archive, Categories, Tags and Badges lists

Hide Elements
you can disable most of all features from single post: Subtitle, Author, Date, Categories, Media, Comments Count, Views, Badges, Tags, Author Info, Reactions, Subscribe Form, WP Navigation, WP Comments, Floating Navbar, Top Sharebar, Sticky Top Sharebar, Bottom Sharebar, Next/Prev Buttons, Side Navigation
Share Box Elements

select the checkboxes if you want to show: Share count, Comments and Points in Share Box Elements

Boombox_Theme_Customization
Disable ( On Archive / Pages )
select the checkboxes if you want to hide "View Full Post" Button
Button Text
change name of the button to your own

Note: This button will be shown only for posts which have featured image with aspect ratio 1:3 and with editor content inside of the post.

Disable Related Posts Section

select the checkboxes if you want to hide Related Block

This block shows the latest posts on the basis of this post’s tags.

Boombox_Theme_Customization
Related Entries Per Page
choose how many posts to show in listing for Related Block
Related Entries Heading
can change title of Related Block to your own version
Disable “More From” Section

select the checkboxes if you want to hide More Block

This block shows the latest posts from the categories of this post.

Boombox_Theme_Customization
More Entries Per Page
choose how many posts to show in listing for More Block
More Block Heading
can change title of More Block to your own version
Disable “Don't Miss” Section

select the checkboxes if you want to hide Don’t Miss Block

This block shows the latest posts for the last month.

Boombox_Theme_Customization
Don't Miss Entries Per Page
choose how many posts to show in listing for Don’t Miss Block
Don't Miss Entries Heading
change title of More Block to your own version
Hide Elements
you can disable most of all features for Realted Posts: Share Count, Categories, Comments Count, Media, Subtitle, Author, Date, Excerpt (for Classic Listing Types), Badges

3. Page

Strip Conditions
choose by what criterion to show: Most voted, Most viewed, Most discussed, Recent, Featured, Most Shared
Strip size
choose from two available sizes: big and small
Strip Titles Position
choose from two available positions: inside and outside
Strip Time Range
select duration criteria: All time, Last 24 hours, Last 7 days, Last 30 days
Strip Category
select categories from which you want to show posts in a strip
Strip Tags
select with what tags you want to show posts in a strip
Strip Items Count
minimum count: 6. To show all items, you must enter -1.
Featured Type
select one of 3 available types: 1 featured with newsletter, 2 featured and 3 featured
Featured Conditions

choose by what criterion to show: Most voted, Most viewed, Most discussed, Recent, Most Shared

Featured Time Range

select duration criteria: All time, Last 24 hours, Last 7 days, Last 30 days

Note: All changes will take 100% effect after 24 hours

Featured Category
select categories from which you want to show posts in a strip
Featured Tags
select with what tags you want to show posts in a strip
Hide Elements
you can disable most of all features from listing: Share Count, Views Count, Votes Count, Categories, Comments Count, Media, Subtitle, Author, Date, Excerpt (for Classic Listing Type), Badges, Post Type Badges

Mobile control

By default strip, footer strip, featured area and sidebar are disabled for mobile view, but you can show them by changing settings.

  • Disable Strip

    select the checkbox if you want to hide strip

    Boombox_Theme_Customization

  • Disable Footer Strip

    select the checkbox if you want to hide footer strip

    Boombox_Theme_Customization

  • Disable Featured Area

    select the checkbox if you want to hide featured area

    Boombox_Theme_Customization

  • Disable Sidebar

    select the checkbox if you want to hide sidebar

    Boombox_Theme_Customization

Additional CSS

CSS allows you to customize the appearance and layout of your site with code. Separate CSS is saved for each of your themes. In the editing area the Tab key enters a tab character. To move below this area by pressing Tab, press the Esc key followed by the Tab key.

You can find detailed information about this section here.

Post Ranking System

Trending, HotThe and Popular lists are based on post views by default.

For detailed information about Ranking System, click to Ranking System section.

Login required for points voting - select the checkbox if you want users to be logged before they will be able to vote for points

Trending Conditions - choose by what criterion to show: Most voted, Most viewed, Most discussed, Most Shared

Note: All changes will take 100% effect after 24 hours

1. Trending

Show most ranked posts for last 24 hours

Disable

select the checkbox if you want to hide Trending section

Boombox_Theme_Customization

Trending page
choose what page to show for trending posts
Posts count
enter total number of counting posts for this page
Minimal trending score
posts with lower score will not be shown
Hide badge
select the checkbox if you want to disable trending badges.

2. Hot

Show most ranked posts for last 7 days.

Disable

select the checkbox if you want to hide Hot section

Boombox_Theme_Customization

Hot page
choose what page to show for hot posts
Posts count
enter total number of counting posts for this page
Minimal hot score
posts with lower score will not be shown
Hide badge
select the checkbox if you want to disable hot badges.

3. Popular

Disable

select the checkbox if you want to show Popular section

Boombox_Theme_Customization

Popular page
choose what page to show for popular posts
Posts count
enter total number of counting posts for this page
Minimal hot score
posts with lower score will not be shown
Hide badge
select the checkbox if you want to disable hot badges.

Fake Views Count - change the actual number of views to the preferred.

Fake Points Count - change the actual number of points to the preferred.

Post Reaction System

For detailed information about Reaction System, click to Reaction section.

  • Disable Reactions

    select the checkbox if you don’t want to show reactions.

    Boombox_Theme_Customization

  • Login required for reactions voting

    select the checkbox if you want users to be logged before they will be able to vote for reactions

  • Reaction Award Minimal Score

    choose minimum score below which posts with lower score won't be counted

  • Reactions Maximal Count Per Vote

    choose maximal count for voting per post / per user

GIF control

We integrated CloudConvert converter service wich will allow you to improve your website performance if you using many GIf type files.

If you use this service, all uploaded GIF files will be converted to MP4, which will optimize your website speed.

Note: After uploading file in media library you will find the same file in two different file formats: origin GIF and converted MP4. While MP4 file will be exist in your storage, it will be shown instead of origin GIF.

  • Disable Direct Gif Sharing

    select checkbox if you want to share page instead of gif

  • Animation Event

    choose one of 3 available animation types: click, hover and scroll

  • CloudConvert App Key

    create account on Cloudconvert.com and from dashboard copy Your personal API key to the text field below.

  • Storage

    choose where you want to save your convert files: in your local WP database or in Amazon S3 Cloud Storage

  • Access Key Id

    insert your access key for Amazon S3 Cloud Storage

  • Secret Access Key

    insert your Secret Access Key for Amazon S3 Cloud Storage

  • Bucket Name

    enter name of your created bucket on Amazon S3 Cloud Storage

For detailed information about how to get Amazon S3 Cloud Storage keys please visit this page.

Authentication

Note: To activate user registration on your site, first you need to go to Settings > General and in Membership section set checkbox for Anyone can register.

Boombox_Theme_Customization

  • Disable Site Authentication

    select the checkbox if you deactivate user block

    Boombox_Theme_Customization

  • Login Popup Heading

    write text that you want to show in Login Popup Heading

  • Login Popup Text

    write text that you want to show in Login Popup

    Boombox_Theme_Customization

  • Registration Popup Heading

    write text that you want to show in Registration Popup Heading

  • Registration Popup Text

    write text that you want to show in Registration Popup

    Boombox_Theme_Customization

  • Reset Password Popup Heading

    write text that you want to show in Reset Password Popup Heading

  • Reset Password Popup Text

    write text that you want to show in Reset Password Popup

    Boombox_Theme_Customization

  • "Terms Of Use" Page

    choose page for redirect

  • "Privacy Policy" Page

    choose page for redirect

    Boombox_Theme_Customization

  • Enable captcha on login

    select the checkbox if you want to show captcha on login

    Boombox_Theme_Customization

  • Enable captcha on registration

    select the checkbox if you want to show on registration

    Boombox_Theme_Customization

  • Captcha Type

    choose one of two available captcha versions: Image Captcha and Google Recaptcha

  • Google Recaptcha Site Key

    To learn how to get the API key please click here.

  • Google Recaptcha Secret Key

    To learn how to get the API key please click here.

  • Disable Social Authentication

    select the checkbox if you want to activate login functionality from social networks

    Boombox_Theme_Customization

  • Facebook App ID

    For more detailed information about how to register and configure an application, please visit this page.

  • Google oauth Client ID

    For more detailed information about creating a Google client ID, please visit this page.

  • Google API Key

    For more detailed information please visit this page.

Theme translation

For localizing Boombox and plugins in "wp-content" folder you need to create a directory named "languages”, if it does not already exist. Please make sure that your web server has correct permissions to “languages” directory. You can always find more information about Wordpress file permissions.

Loco Translate plugin

There are many ways for translating themes and plugins. We recommend translating WordPress themes and plugins with Loco Translate plugin. It allows having all necessary tools right in your WordPress without switching to any other external programs. If you don’t want or can’t provide access to your admin panel to other editors you can use online alternative of "Loco Translate" plugin.

First of all you will need to install Loco Translate plugin. You can do that in two ways

In one way you'll need to:

  1. login to WordPress admin
  2. go to Plugins > Add new
  3. after searching by this keyword “Loco Translate” install found plugin

or you can use another way for installing:

  1. Go by this link and download plugin
  2. Go to Plugins > Add new and click “Upload plugin” button.

    Boombox_theme translation
  3. Then click the Browse button to select the zip file you would like to upload.
  4. After installing plugin you will have to activate it, before you’ll be able to use it.

Translation steps:

  1. After installing and activating go to Loco Translate section and choose in list your target theme/plugin and click on it.

    Boombox_theme translation
  2. In opened page click "New language"

    Boombox_theme translation

  3. Select your language (for example "French", code "fr_FR") and click Start translating

    Note: To keep translations safe after future updates, always choose second location: languages/loco/themes/boombox-fr_FR.po as shown in image below. All custom translations are stored in the wp-content/languages/loco/ directory so unless you reinstall the entire WordPress installation, all is safe in that folder. Without losing translations you can update the theme and any plugin. Even using the child theme is not mandatory.

    Boombox_theme translation

    Note: this translation will be loaded only if your site language in WordPress AdminSettingsGeneralLanguage is the same.

    Boombox_theme translation

  4. Translate all phrases and click Save to generate all necessary translation files.

    Boombox_theme translation

Now you can check changes on website

Post management

To start creating your first post, go to Posts > Add New from the admin panel

Boombox_Post_management

You can manage the blog categories here.

Boombox_Post_management

You can manage the blog tags here.

Boombox_Post_management

Also you can manage from already created ads which ones to show for that post

Boombox_Post_management

"Boombox Post Advanced Fields" metabox allow you to include that post to any of this lists: Featured, Trending, Hot and Popular.

Boombox_Post_management

Beside that from this metabox you can choose individual post template (left sidebar, right sidebar, no sidebar or Customizer global value), featured image status (Show, Hide or Customizer global value) and featured video. To use custom video as featured video, you should first upload it to Media Library, then copy and paste video's URL to related field.

Boombox_Post_management

Categories

To add new categories go to Posts Categories. At the left site you will see Add new category section

Boombox_Post_management

Name (default) - enter category name

Thumbnail (custom) - add your background image for categories title

Boombox_Post_management

Icon (custom) - select one over 600 icons of Font Awesome

Boombox_Post_management

NSFW - not safe for work

NSFW means "Not Safe For Work''. It is used to mark URLs or hyperlinks which contain nudity, intense sexuality, or profanity, which the viewer may not wish to be seen accessing in a public or formal setting such as in a workplace.

Boombox_Post_management

To see this function in action change your post category to NSFW. If you had already install sample data, this category will be added automatically. If you don’t want to install sample data, you can create this category using Category and slug titles as shown in screenshot.

Boombox_Post_management

Note: This function works only for not login users, always shows for login users.

Reactions

To add/edit/delete reactions go to admin panel Posts > Reactions

For detailed information about Reaction System, click to Reaction section.

For more detailed information on how to work with posts, categories, tags, please go to here.

Paginated Post

WordPress has the ability to split single post into multiple pages for "paged" navigation. WordPress offers builtin function to navigate through the posts.

Boombox_Post_management

You can paginate post using one of two modes in text editor: visual and text.

In visual mode you can use "Page break" button.

Boombox_Post_management

In text mode add the following tag wherever you want to split your post:

<!--nextpage-->

You can add this tag anywhere you want as many times as you want.

For more detailed information about pagination please go to here.

Affiliate Post

Boombox_Post_management

This feature allow you to create your own list of products and earn money with affiliate programs.

To create affiliate post you need to open Affiliate tab of "Boombox Post Advanced Fields" metabox

Boombox_Post_management

Page management

To start creating your first page, go to Pages > Add New from the admin panel

Boombox_Page_management

When creating a new page, one of the first things you will probably want to do is to choose an appropriate template for your page. To do this locate the Page Attributes section on the right side of the screen.

Boombox_Page_management

There are 4 types of page templates:

  1. Default Template - select this template if you would like to create a standard page with right sidebar.

  2. Page with left sidebar - select this template if you would like to create a standard page with left sidebar.

  3. Page without sidebar - select this template if you would like to create a standard page without sidebar.

  4. Trending - using this template give you opportunity to use that page for trending pages ( trending, hot, popular)

With “Boombox page advanced Fields” metabox you can fully customize your page.

Boombox_Page_management

  • Hide Page Title

    select the checkbox to disable page title

    Boombox_Page_management

  • Show Strip

    select the checkbox to enable strip

  • Show Featured Area

    select the checkbox to enable Featured Area

  • Listing Type

    select one of 8 available types:

    1. Four Column
    2. Grid
    3. List
    4. List 2 (small list)
    5. Classic
    6. Classic 2 (fixed height)
    7. Stream (gif’s & memes)
    8. Numeric list
    9. Three Column (Secondary Sidebar)
    10. None (Show page content)
  • Secondary Sidebar Position

    choose on which side of main sidebar show secondary: Right or Left

    Note: "Secondary Sidebar Position" feature works only with "Three Column (Secondary Sidebar)" listing type.

  • Listing Condition

    choose by what criterion to show: Most voted, Most viewed, Most discussed, Recent, Most Shared

  • Listing Time Range

    select duration criteria: All time, Last 24 hours, Last 7 days, Last 30 days

  • Listing Category

    select categories from which you want to show posts in a strip

  • Listing Tag

    select with what tags you want to show posts in a strip

  • Pagination Type

    select one of 5 available types: Load more, Infinite Scroll, Infinite Scroll (first load via click), Numbering, Next/Prev Buttons, None

  • Posts Per Page

    select number of shown posts per page

  • Ad

    choose to show Ad in posts listing or not

  • Inject ad instead of the post

    select instead of what post to show Ad

  • Newsletter

    choose to show subscription block in posts listing or not

  • Inject newsletter instead of the post

    select instead of what post to show newsletter

Widgets

We have added 9 Widget Areas for displaying existing widgets.

Boombox_Widgets

Default widget area
content will be shown everywhere where it will be replaced including Page 1, Page 2, Page 3, Post Single and Archive widget areas, while that areas will be empty
Page 1 widget area
content will be shown for pages
Page 2 widget area
content will be shown for pages
Page 3 widget area
content will be shown for pages
Secondary widget area

content will be shown for pages

Boombox_Widgets
Post single widget area
content will be shown for single posts
Archive widget area
content will be shown for archive pages (Archive, Categories, Tags and Badges lists)
Footer Left widget area
content will be shown for footer
Footer Middle widget area
content will be shown for footer
Footer right widget area
content will be shown for footer

Boombox_Widgets

To display/edit/reorder your chosen widgets in this areas:

  1. Go to Appearance > Widgets in the WordPress Administration Screens.
  2. Choose a Widget and either drag it to the sidebar where you wish it to appear, or click the widget, and click the Add Widget button. Once in place, WordPress automatically updates the Theme.
  3. Preview the site. You should find that the "default" sidebar elements are now gone and only the new addition is visible.
  4. Return to the Widgets Screen to continue adding Widgets.
  5. To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
  6. To customize the Widget features, click the down arrow in the upper right corner to expand the Widget's interface.
  7. To save the Widget's customization, click Save.
  8. To remove the Widget, click Delete.

To use Page 1, Page 2, Page 3 widget areas enter page editor for your chosen page and in “Boombox page advanced Fields” metabox for Sidebar template field choose one of available values.

Boombox_Widgets

For Boombox, we've developed custom widgets to give you even more functionality.

There are:

  1. Boombox create post

    Boombox_Widgets

  2. Boombox recent posts

    Boombox_Widgets

  3. Boombox sidebar footer

    Boombox_Widgets

  4. Boombox Social widget

    Boombox_Widgets

  5. Boombox sticky sidebar - choose before what widget put sticky sidebar. All following widgets will be sticky.
    The idea is that the widget normally sits in its typical spot at the end of the sidebar. It behaves normally as the visitor begins to scroll through your content, and as it first comes into view. But once the visitor starts to scroll past it and it’s about to disappear off the screen it “stick” to the window.
  6. Boombox trending post

    Boombox_Widgets

  7. Boombox Picked Posts

    Boombox_Widgets

More detailed instructions about how to install and display standard widgets, you can read here.

Plugins

BoomBox Theme Extensions

This is main plugin, which help to create reactions, components, contact form, and social icons.

  • Reaction

    more detailed information for them you can read in Reaction section.

  • Components and contact form

    more detailed information about how to use shortcodes you can read in Shortcodes section.

  • Boombox social

    allow you to add/edit/delete social network links, which are shown in widgets.

    Boombox_Widgets

    Boombox_Widgets

    Boombox_Widgets

Zombify

This plugin is frontend uploader which help you to create personality and trivia quizzes, poll, meme, story, list, video, audio and image post types immediately from frontend.

Boombox_Widgets

When you install plugin, "create a post" button automatically linked to Zombify post types page, where you can choose what post to create.

Boombox_Widgets

In Zombifies plugin settings from WP admin you can choose what type of post to allow users to create and decide default categories and tags for each type of posts.

Boombox_Widgets

Besdie that, you also can change primary color, color mode and logo.

Boombox_Widgets

AdSense Integration WP QUADS

This plugin is used to Quickly place multiple ads on your viral site by utilizing the Google AdSense program or any other kind of ad codes.

Beside default ads fields, we added other custom fields to increase your opportunity to show more advertisement. In screenshot you can see marked area with our custom new fields.

Boombox_Widgets

In our demo layouts we are using ads in 3 different places:

1. In sidebar widget area

Boombox_Widgets

To add ads here you need to:

  1. Go into admin panel WP-QUADS section -> General -> Widgets code.
  2. Choose widget box you want to use (for example "Ad widget 1") and enter your code and click save button

    Boombox_Widgets

  3. After that go to Appearance -> Widgets and choose in what widget area to add your widget

    Boombox_Widgets

2. In home page

Boombox_Widgets

To add ads here you need to:

  1. Go into admin panel WP-QUADS section -> General -> Adsense code.
  2. Choose ad box you want to use (for example "Ad 1") and enter your code and click save button

    Boombox_Widgets

  3. After that go to WP-QUADS section -> General -> General settings and choose what ad box where to show.

    Boombox_Widgets

To show ad in posts list of homepage you need to enter homapage edit mode and select in Ad section number of the post instead of which will be shown ad.

Boombox_Widgets

In bottom picture you can see settings for Boombox Original layout.

Boombox_Widgets

3. In single post

Boombox_Widgets

For single post you need to repeat the same actions as in home page:

  1. Go into admin panel WP-QUADS section -> General -> Adsense code.
  2. Choose ad box you want to use (for example "Ad 1") and enter your code and click save button

    Boombox_Widgets

  3. After that go to WP-QUADS section -> General -> General settings and choose what ad box where to show.

    Boombox_Widgets

For more detailed information, please visit AdSense Integration WP QUADS page.

MailChimp for WordPress

Boombox_Widgets

With this plugin you can subscribe your WordPress site visitors to your MailChimp lists, with ease.

For more detailed information, please visit MailChimp for WordPress page.

Mashshare Share Buttons

Boombox_Widgets

This plugin allow you to use highly customizable social sharing buttons - Facebook, Twitter and more.

After installing plugin go to MashShare > Settings and set JS & CSS Everywhere radiobutton to ON

Boombox_Widgets

Also after that go to Mashshare > Settings > Position Tab and uncheck all checkboxes for "Post Types"

Boombox_Widgets

For more detailed information, please visit Mashshare Share Buttons page.

BuddyPress

BuddyPress is a powerful community plugin for WordPress that takes your site beyond the blog. It includes all of the features you’ve come to expect from any online community, like user profiles, groups, activity streams, notifications, and more.

Profile menu

For BuddyPress plugin you can create profile menu.

Boombox_Page_management

Create new menu and choose from BuddyPress section what pages to show in that menu

Boombox_Page_management

Our theme also supports 2 other plugins associated with this one:

  1. BuddyPress Follow. Follow members on your BuddyPress site with this nifty plugin. The plugin works similar to the friends component, however the connection does not need to be accepted by the person being followed. Just like Twitter!
  2. rtMedia for WordPress, BuddyPress and bbPress. It allows to add albums, photo, audio/video files to your buddypress profile.

Extended Profiles

Boombox_plugins

By activating Extended profiles component you can customize standard author section and add ability for users to add information about their social media accounts and website.

Boombox_plugins

After this component activation, in Users part of WP admin you will find new section Profile fields where you can add neccesary user information fields.

Boombox_plugins

All created field gruops will be shown for users in their BuddyPress accounts, under Profile section.

Boombox_plugins

Here is list of the names for social media websites, which you must use as new field name, if you want to show their icons in post author section.

  • Facebook
  • Google Plus | Google +
  • Instagram
  • Linkedin
  • Pinterest
  • Tumblr
  • Twitter
  • Vimeo
  • Youtube
  • Email
  • Behance
  • CodePen
  • Delicious
  • DeviantArt
  • Digg
  • Dribbble
  • Flickr
  • Foursquare
  • GitHub
  • JSFiddle
  • Last.fm
  • Reddit
  • SlideShare
  • Snapchat
  • Stack Overflow
  • StumbleUpon
  • Vine
  • XING
  • Yelp
  • Vkontakte
  • Odnoclassniki

Note: all spaces, dashes, underlines, uppercases will be ignored and "+" will be represanted as 'plus' word. Example: Google Plus, google+, Google-plus, google_Plus, GOOGLEPLUS, GoogLE-PlUs => googleplus

To enable website link on extended profile need to add a field to xProfile and name it 'Website' or 'website'

To enable biographical information area on extended profile need to add a field to xProfile and name it 'Biography' or 'biography'

For more detailed information, please visit these two pages: Wpmudev.org and Buddypress.org pages.

WordPress Social Login

WordPress Social Login allow your website readers and customers to register on using their existing social accounts IDs, eliminating the need to fill out registration forms and remember usernames and passwords.

WordPress Social Login also allow you to import users contact list from Google Gmail, Facebook, Windows Live and LinkedIn.

Boombox_Plugins

WordPress Social Login gives you absolute control over users access to your website and comes a list of rules and restrictions for you to setup.

To manage what social accounts to use, after installing plugin go to WP admin -> Settings -> WP social login.

Image Alt

For more detailed information, please visit WordPress Social Login page.

Auto Load Next Post

Auto Load Next Post simply loads the next post on your blog automatically once the user has reached the bottom of the initial post and is repeated until there are no more posts to load.

In order to do this, the WordPress theme in use needs to have a post navigation at the end of each single blog post which the plugin will then detect to collect the previous post URL to load the next post. The JavaScript then loads that post by inserting the content via a partial template underneath the parent post.

As it does this, the address bar and page title will change to that post it has loaded. Should you refresh the browser, the post you were currently reading would load as the new initial post.

Your browser also retains the history of the posts that were viewed on the blog allowing you to go back to a previous post.

To activate plugin, after installing you'll have to go to plugin settings page and click "Save changes" button, without changing any settings.

Boombox_Plugins

For more detailed information, please visit Auto Load Next Post page.

Child Theme

Child theme is for developers willing to make changes to core functions and code. If you are not planning to dig that deep, you can easily skip this chapter.

If you want to make changes in theme’s templates or functions, we recommend that you install child theme and make changes there. To learn more about the purpose and basis of creation of child theme, visit this page.

In the theme pack you will see materials for the child theme. It’s located in the "boombox-child.zip" archive. You can install the child theme the same way as you install the main theme (see above in the section "Install theme")

A few recommendations on how to use Child Theme from Boombox Theme:

  1. Almost all files from the main theme can be replaced in the theme. It doesn’t concern only .php-files with templates and basic logics, but also both .js, .css files from respective folders and files with images, icons etc..
  2. If you want to change some of the theme’s functions or to add new ones, you need to create file 'functions.php' in the folder "boombox-child", and add all required functions into it. If our theme contains functions with such names, they will be replaced with yours, if not – your functions will complete our theme’s logics.
  3. As for other files - put out templates from the folder 'templates-parts' ( maintaining files hierarchy ), images from the folder 'images' etc. - to make changes, copy theme into the folder 'child theme' and make changes there.

Shortcodes

Except the WordPress native shortcodes, we developed the shortcode which allows you to manage your editor's layout and the shortcode for contact form.

Tab Shortcode

Tabbed content allows you to display content in tabs.

Horizontal Tab Example

Boombox_Widgets

Vertical Tab Example

Boombox_Widgets

Example:
[boombox_tabs layout="vertical" active="1" classes="class-name"]
[boombox_tab title="Your title #1"]Your Description here #1[/boombox_tab]
[boombox_tab title="Your title #2"]Your Description here #2[/boombox_tab]
[boombox_tab title="Your title #3"]Your Description here #3[/boombox_tab]
[/boombox_tabs]

Parameters

layout
Can be one of these values: horizontal (default) or vertical.
active
Active tab number. Default: 1
classes
Class names separated by spaces.

Buttons

Buttons can lead to internal or external links. Buttons have its own link, caption (Text) and style.

Boombox_Widgets

Boombox_Widgets

Examples:
[boombox_button tag_type="a" type="primary" url="http://www.example.com/" target="blank" class="class-name1 class-name2"]Button Text[/boombox_button]
[boombox_button tag_type="button" background_color="#000000" text_color="#cccccc" ]Button Text[/boombox_button]
[boombox_button tag_type="button" size="large"]Large button[/boombox_button]
[boombox_button tag_type="button" size="small"]Small button[/boombox_button]

Parameters

tag_type
Can be one of these values: a(default) or button.
type
Can be one of these values: primary( dark blue ), secondary ( gray ), success ( green ), info( info ), warning ( warning ) or danger (danger). By default your button color will be set from customizer setting.
size
Can be one of these values: large or small. Leave Blank for default size.
url
The URL path where the button links to. For example, http://www.example.com/
target
Can be one of these values: blank (for new window), self (for same window).
background_color
Accepts a hexcode (#000000), RGBA (rgba(0,0,0,1)) or certain colors such as red, or transparent. By default your button background color will be set from customizer setting.
text_color
Accepts a hexcode ( #000000 ), RGBA ( rgba(0,0,0,1) ) or certain colors such as red, or transparent. By default your button text color will be set from customizer setting.
class
Add a custom class to the HTML element for further css customization.

Dropcap

Dropcap is a large initial letter that drops below the first line of a paragraph, usually used at the beginning of a section or chapter of a book.

Boombox_Shortcodes

Examples:
[boombox_dropcap style="primary" font_size="48px" class="class-name"] L [/boombox_dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet consectetur ante.
[boombox_dropcap font_size="48px" class="class-name"] L [/boombox_dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet consectetur ante. Maecenas accumsan tellus porttitor nisl gravida feugiat.
[boombox_dropcap style="primary" font_size="70px" color="red" class="class-name"] L [/boombox_dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet consectetur ante. Maecenas accumsan tellus porttitor nisl gravida feugiat.

Parameters

style
Can be primary ( site primary color ). Leave blank for default style.
font_size
Accepts a pixel value. For example, 20px.
color
Accepts a hexcode ( #000000 ), RGBA ( rgba(0,0,0,1) ) or certain colors such as red, or transparent.
class
Add a custom class to the wrapping HTML element for further css customization.

Tooltips

Boombox_Widgets

Examples:
[boombox_tooltip title="This is an example page. It's different from a blog post because it will stay." class="tooltip-test-class"] Lorem ipsum [/boombox_tooltip] dolor sit amet, consectetur adipiscing elit.

Parameters

title
The custom text that will show in the text popup.
class
Add a custom class to the wrapping HTML element for further css customization

Highlight

Boombox_Shortcodes

Examples:
[boombox_highlight style="primary" class="highlights-test-class"] Lorem ipsum [/boombox_highlight] dolor sit amet, consectetur adipiscing elit. Donec sit amet consectetur ante.
[boombox_highlight background_color="#fdafaf" text_color="#88702a" class="highlights-test-class"] Lorem ipsum [/boombox_highlight] dolor sit amet, consectetur adipiscing elit. Donec sit amet consectetur ante.

Parameters

style
Can be primary ( site primary color ). Leave blank for default style.
background_color
Accepts a hexcode ( #000000 ), RGBA ( rgba(0,0,0,1) ) or certain colors such as red, or transparent. By default your button background color will be set from customizer setting.
text_color
Accepts a hexcode ( #000000 ), RGBA ( rgba(0,0,0,1) ) or certain colors such as red, or transparent. By default your button text color will be set from customizer setting.
class
Add a custom class to the HTML element for further css customization.

Columns

There are 3 types of column shortcodes: One Half, One Third, One Fourth, you can put content, image or other shortcode to these columns

Two columns

Boombox_Shortcodes

boombox_row][boombox_one_half] Some content [/boombox_one_half][boombox_one_half]Some content [/boombox_one_half][/boombox_row]

Three columns

Boombox_Shortcodes

[boombox_row][boombox_one_third] Some content [/boombox_one_third][boombox_one_third]Some content [/boombox_one_third] [boombox_one_third] Some content [/boombox_one_third][/boombox_row]

Four columns

Boombox_Shortcodes

[boombox_row][boombox_one_fourth] Some content [/boombox_one_fourth][boombox_one_fourth] Some content [/boombox_one_fourth] [boombox_one_fourth] Some content [/boombox_one_fourth][boombox_one_fourth] Some content [/boombox_one_fourth][/boombox_row]

Thumbnails

Bordered Image

Boombox_Widgets

Circled Image

Boombox_Widgets

Examples:
[boombox_thumbnail style="border"]<img src="image_src" alt="" />[/boombox_thumbnail]
[boombox_thumbnail style="circle"]<img src="image_src" alt="" />[/boombox_thumbnail]

Parameters

style
Can be circle or border (default)

Contact form

Boombox_Widgets

Examples:
[boombox_contact_form]

Reactions

Boombox_Reactions

Reactions are a simple way for users to express their reaction and feelings to a post. You can manage from customizer conditions and rules for voting system.

By default voting rules are following: Signed in users can vote only once for the same post. Not signed in users can vote once within 24 hours, after that 24 hours they can vote again on the same post. We have 9 different reaction icons, for which you can choose your own titles.

To add/edit/delete reactions go to admin panel Posts > Reactions

Boombox Reactions

If you already import demo data, at the right side you will be able to manage list of already added reactions.

To add new one, you will have to enter Name and select Reaction icon, after what click “Add new reaction” button.

If you want to use custom color only for that badge, you can change it from Icon Background Color: select one of the predefined colors or choose your own one from color picker tool.

Boombox_Reactions

Disable Vote - select checkbox if you don’t want to show that reaction in posts voting section.

Boombox_Reactions

To manage reactions badges styles Go to:

  1. Appearance > Customize
  2. Design > Badges > Reaction badges section

Hide Reaction Badges - select the checkbox if you want to disable reaction badges.

Boombox_Reactions

Reactions Background Color / Reactions Text Color - select one of the predefined colors or choose your own one from color picker tool. You can always restore default color by clicking on Default button

Reactions type - select one of 4 available styles for reaction badges:

  1. Face

    Boombox_Reactions

  2. Text

    Boombox_Reactions

  3. Face text

    Boombox_Reactions

  4. Text Angle

    Boombox_Reactions

You can also disable Reactions, if you don’t want to show them.

Go to:

  1. Appearance > Customize
  2. Post Reaction System > Disable Reactions > select the checkbox

Beside predefined reaction icons pack, you can use your own custom reactions. For that you'll need to use FTP

  1. Using FTP client, login to the server where your WordPress website is hosted
  2. Using FTP client, navigate to the /wp-content/themes/boombox ( or boombox-child )/reactions/ directory under your WordPress website's root directory
  3. Using FTP client, upload your own set to that directory on remote server

After which you will be able to use them with other icons sets.

Badges

Boombox_Badges

There are 4 types of badges: Reactions, Trending, Category and Tags.

Reactions: 77 different icons

Boombox_Badges

Trending ( for trending, hot , popular posts) : 3 different icons

Boombox_Badges

Category and Tag: more than 600 icons (Font Awesome and our custom icons)

For posts’ badges managment go to:

  1. Appearance > Customize
  2. Design > Badges

Boombox_Badges

Note: that if you change color in this section it will apply both for badges in menus and on posts.

Еxcept the basic color settings, you can choose unique color for each badge from Reactions and Category types.

For Reaction types go to Admin > Posts > Reactions, choose badge that you want to have custom color and change it color from color picker tool

Boombox_Badges

For Category types go to Admin > Posts > Category, choose badge that you want to have custom color and change it color from color picker tool

Boombox_Badges

For Tags types go to Admin > Posts > Category, choose badge that you want to have custom color and change it color from color picker tool

To manage badges menus go to: Appearance > Menus and select one of two related menus: Badges navigation and Burger badges navigation

Boombox_Badges

Post Ranking System

Boombox_Badges

To show or disable voting system for users go to:

  1. Appearance > Customize
  2. Layouts > Post Single

Boombox_Badges

From Appearance > Customize > Post Ranking System you can manage all other settings

Boombox_Badges

Sources and Credits

Images

Fonts

In the theme there are used two Google Web Fonts Cabin and Rammetto One by default. But you can use any font from google fonts collection from option panel.

Support and Feedback

If you have any feedback or suggestions please let us know via contact form.

How to Rate

Go to Themeforest and follow the image instructions

Boombox_Badges