First of all, install or update to the latest version of Wordpress on your server.
There is 2 ways for installing Decibel.
When you activate the theme. You will be asked to install the plugins you need. Select your desired plugins, install and activate them.
Visual Composer plugin is required by the theme, so it is recommended to install and activate it to be able to use Decibel theme in full effect.
If you plan to build online shop with decibel theme, please read the WooCommerce section of this documentation.
If you want to import the demo content, you must skip the woocommerce setup on woocommerce activation
Antispam Bee - Prevent comment spam in your blog.
Force Regenerate Thumbnails - Re-crop all your thumbnails after theme switch.
W3 Total Cache - A powerful cache plugin
WordPress SEO by Yoast - SEO plugin
WP Retina 2x - Retina image support.
Please note that we don't provide support for 3rd party plugins issues.
First you must install all recommended plugin before importing your content.
On plugin activation, you will be asked if you want to create default pages.
Decline all if you want to import default content.
Importing demo data is the easiest way to setup your theme. It will allow you to quickly edit everything instead of creating content from scratch.
When you import the data following things will happen:
In your theme package, you will find an
export folder where the demos data are stored.
In each demo folder, you will find a zip file that will allow you to import content, settings, menus and widgets, all at once.
After uploading this zip file, your website should look exatcly like the demo.
When a new version of decibel is released, you should see an update notification message in your admin panel. Here is how to update your theme to the lastest version.
Most servers have a limited number of fields that can be saved at the same time. When you import the demo content, which contains a lot of menu items, you might not be able to save changes you make to your menu (see this thread). You can fix this problem by following this tutorial.
If it doesn't work, contact your hosting provider and asking them to add following lines to php.ini file.
max_input_vars = 9000
The demo data contains a lot of post and medias. It can take up to 10 minutes to import all the content.
If you get a white screen or error messages when you try to import the demo content, this probably happens because of maximum execution time limit. You need to increase the maximum excution time (upload time) setting of your web server. Default maximum execution time on web servers is 30 seconds. Please increase it temporarily to 1200 seconds. Possible ways of achieving this are:
set_time_limit(1200);to your wp-config.php
php_value max_execution_time 1200in htaccess file
max_execution_time = 1200in it and upload it in your wp-admin folder
If the solutions above don't work, contact your hosting provider.
Note that simply re-upload the file until all is imported should work as well. The content shouldn't be duplicated.
A post featured image is an image that you can upload to represent your post.
Set a featured image is very simple: In your text editor, click on "set a featured image" (usually the box at the bottom right), upload an image and click on "use as featured image" instead of "insert into post".
To create a gallery, first click on the "Add media" button at the top of your text editor.
When you open the Media Manager, you will be shown the files in your Media Library. If you’d like to create a gallery from those files, then you’re already where you need to be. Just click on "Create a gallery" on the left menu and select the files you’d like to include in your gallery. You can re-order you image as you wish, upload new files, add captions to your images etc...
Decibel comes with additional options for your galleries. Take a look at the right of your media manager: you will find some advanced settings to set your gallery layout.
To create slider click on the "Add Slider" button at the top of your text editor.
Select the images to insert in your slider by clicking on your images while holding Ctrl/Cmd.
This Wordpress feature allows you to display a media by simply paste its URL in your post.
For exemple, simply paste a youtube video URL into your post. WordPress will automatically turn that into a YouTube embed.
Learn more infos on the Wordpress Codex page.
First create a page with the "Home" template.
You can use any other template, but if you want to display a slider, a video or any specific content to display in the header, you need to choose the "Home" template
To set your home page as "page on front" go in your the wordpress settings -> reading.
You can choose how you want to display your home header in the theme options -> Home tab
Depending on your choice, different options will be displayed.
All these options are simple and self-explanatory.
You can also use the default template if you want to set your home page header with Visual composer.
Using the page options, you can set your header to full screen and set the menu to absolute position.
First create an empty page with the "Default" template.
You can choose your blog layout in the theme options "Blog" tab.
To set your blog page as "page for posts" go in your the wordpress settings -> reading.
The Decibel blog supports all wordpress post formats. Post Formats allow you to display your posts differently depending on your content. In you post editor page, you can select which post format you want to use in the "Format" box, usually, at the right of your text editor.
It is the typical wordpress post. It will display the title, the featured image (if set) and the content below.
A single image. The featured image will be used, and, on click, will open its full size version in a lightbox.
The theme will look for the first gallery or slider in your post content and use it as featured gallery.
Any gallery or slider will be considered as gallery.
The first video URL will be considered the video.
This theme has an in-buit feature that generate a thumbnail from any vimeo or youtube video automatically. The script will look for the first youtube or vimeo URL in your post and generate a thumbnail.
An audio file. You can use the audio shortcode provided by Wordpress using the media library ("Add media" button). You can also embed a soundloud song using wordpress embed feature by pasting your song soundcloud URL.
A link to another site. The first URL in your post will be used and your post title will be linked to this URL.
The first quote of your post will be considered as the featured quote.
Typically styled without a title. Similar to a Facebook note update. You can use this post pormat to display an embed tweet.
Same as status format
A chat transcript, like so:
John: foo Mary: bar John: foo 2
There isn't any specific style for the chat post format in Decibel.
You can split your post to add a "Continue reading →" link on the post index page.
To do so, use the wordpress more tag.
You can find the More Tag button in the first row of the visual editor
You can further customize the message that displays in the link to the full post content.
You will need to do this in the HTML view of your editor. Once you have changed to the HTML editor, look for this code: To customize the message, simply add a space after and turn it into something like this…
Note that the more tag won't be used if you choose the "Auto excerpt" option in the theme options "Blog" tab.
You can choose how you want to display your post single view in the page options, just below your text editor.
For each page you can choose a page template.
Below your text editor, you will find additional options only available with decibel.
These options will allow to change your single post view layout and set a specific header style.
With Visual Composer, you can set your page layout, and add elements to your page by drag and drop.
To use Visual Composer in your page, you must use the "Default" template.
Click on the "Backend editor" button to use Visual Composer.
You will be able to choose your element, set the parameters for it and insert it in your page.
The process is pretty straight forward.
Decibel comes with 6 pre-defined template that you can use to start your page
When creating a new page, choose one of the layouts to insert default content in your page.
For more details on installing and configuring Visual Composer, please check the Visual Composer included in the theme package or see the doc online here:
To create a one-page website, you must do the following
To create a one-page menu item, you must use a custom link. (at the left of your menu panel)
Using visual composer, you must add an anchor name to your section. A section is a Visual Composer row.
Click on the "edit" icon at the to right of your row (pen icon). In your row settings add your anchor name in the "anchor" field.
You can choose to install the Discography plugin, Videos plugin and Photo galleries plugin on theme installation.
For each post type, first create an empty page with the "Default" template then choose your layout and set your index page in the theme options "Discography", "Photos" and/or "Videos" tab.
You can find the plugin page here
The Wolf slider gives you a powerfull way to create some beautiful sliders for your home page header.
Simply add, edit and delete sliders using our custom interface.
To create a slder, in your admin, click on Wolf SLiders -> Sliders
To add slides to your slider, click on Wolf Slider -> Add Slider.
Once your slider is created, don't forget to assign it to your chosen slide using the box at the right of you slide settings
When a slider is created, you can choose to set it in your home page in the theme options.
Decibel Theme comes with WooCommerce integration, which allows you to build your online shop.
If WooCommerce is activated you will find a "WooCommerce" tab in the Decibel theme options. You can choose your shop layout there.
To add the shop cart in the menu, check the options in the theme options -> menu tab.
For more details on installing and configuring WooCommerce, please check the Woocommerce included in the theme package or see the doc online here: