Black Label - Fullscreen Video & Image Background

Contents

1. Getting Started with Black Label 4

2. How to use the Home Widget Area

3. Create a Home Page

4. How to use the Home Widget Area

5. How to create a Gallery Page

6. How to add Music to a Page

7. How To Create another Parent Portfolio

8. How to use the Home Widget Area

9. How To use a single Background Image

10. How To create a Portfolio item

11. Choose how many portfolio items to display

12. How To Create a Full Width Page

13. How To add a Social menu

14. How to use the Home Widget Area

15. How To add categories filter on the Shop page

16. How to use a single Background Video

17. How To create a Portfolio page

18. How to create a Slider item

19. How To Create a Contact Page

20. How To Create a Small Page

21. How To use WooCommerce

22. How To use WooCommerce

23. How to use the Home Widget Area

1. Getting Started with Black Label 4

Welcome to the Getting Started guide for Black Label Theme, please you can take a look at the information below to start using the theme.

This is the version 4 of Black Label which is a major update to version 3. This means that if you are already using version 3 you will encounter some incompatibilities with version 4. 

If you update to version 4 you won't loose any data from your site and you can always go back to use version 3, but since version 4 uses a different system of Portfolio and Slider, your old content will not work and you will have to create that content again with the new version.

If you don't want to update, version 3 will still have support from us.

Index



Installing the Theme

So you've purchased our theme and you're ready to get started-- great!

When you purchase a Black Label license from ThemeForest & download the theme package, you will receive a zipped folder titled "themeforest-xxxxxxxx-black-label...".  Unzip this first folder. 

Within the unzipped theme package, you will find a number of folders such as design, license, etc. There is also 1 additional folder within, titled "Theme".

Inside this folder is the ZIP file with the actual theme, this file is called "black-label.zip".

Important: DO NOT unzip this "black-label.zip" folder! This particular .zip folder should remain zipped.

That's the ZIP file you have to upload to install the theme.

So let's go to your WordPress Admin Panel, and then to Appearance > Themes, then click on "Add new":

Then click on "Upload Theme":

Click "Choose File" > find your zipped "black-label.zip" file > Click the "Install Now" button.

Once the theme is successfully installed on your WordPress, you can "Activate" it:

Please note: If you try installing the entire zipped theme package or another incorrect file, you'll likely receive this error message:

"The package could not be installed. The theme is missing the style.css stylesheet. Theme install failed."

If you receive this error message, please be sure that you're installing the ZIPPED file titled "black-label.zip".

More info about that error on this link:

https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error


Back to Top



The theme includes plugins that you should install and activate to enable certain options.

Note: these screenshot are for demostration purpose, your theme may not need all the plugins in the screenshots. Just follow these steps and the theme will know which plugins to install.

Step 1 Right after installing the Theme you will see these next step:

Cursor_y_Manage_Themes_‹_Generic_—_WordPress

Click on Begin installing plugins

Step 2 Click like the image to select all plugins in the list:

Cursor_y_Install_Required_Plugins_‹_Generic_—_WordPress

Then select Install and click Apply

Cursor_y_Install_Required_Plugins_‹_Generic_—_WordPress

The installation process will begin.

Step 3 Once all plugins are installed click on Return to Required Plugins Installer:

Cursor_y_Install_Required_Plugins_‹_Generic_—_WordPress

Step 4 All plugins are installed, now we have to activate them. Like before, select all plugins from the list, and this time click Activate:

Cursor_y_Install_Required_Plugins_‹_Generic_—_WordPress

Step 5 That’s it! Once all plugins are activated you will see this:

Captura de pantalla 2016-02-17 a las 14.58.16


Back to Top


Importing Demo Data

Optionally, you may install our demo data, which will populate your site with the pages you see on our live demo. This can give you a head start in setting up your site. Once you get your site setup and get the hang of it, you may delete the unwanted posts or pages as you see fit.

Download the Demo Data here

Then you can install the demo data going to your Admin Panel > Tools > Import > WordPress


Back to Top



Theme Options

All theme’s options are in the WordPress Customizer Appearence > Customize. Here you can select things like the styling colors, change typography and much more.


Back to Top



Change Colors

All color options are in Appearence > Customize > Colors. Select the color you want and then click on “Save & Publish”.


Back to Top



Child Theme

Using a Child Theme has many advantages, for example you can do any modifications you want to the files without loosing them on future updates.

So, if you want to start a Child Theme use this template as starting point: Black Label Child Theme

2. How to use the Home Widget Area

On the Home page template you can see a widget are on the right:

To add widget there, go to your Admin Panel > Appearance > Widgets and add the widgets in Home Widget Area:

3. Create a Home Page

Here is how to create a Home Page. The Home Page is used to display your Slider in fullscreen  and to show a widget area on the side.

You use any page as home page but now we are going to talk how use the same Home page as in the demo site.

First go to your Admin Panel > Pages > Add new,  you can put any title, in this case "Home".

On the Template dropdown select Home:

Click Publish  and now you will see the page exactly as the demo site. But this is not your home page yet, for that we have to go to Settings > Reading and select this new page as our Home Page:

Click Save Changes and that's it. Now when people enter your site, the first page they will see is this one.

And that's it, you have your Home Page in place.


4. How to use the Home Widget Area

On the Home page template you can see a widget are on the right:

To add widget there, go to your Admin Panel > Appearance > Widgets and add the widgets in Home Widget Area:

5. How to create a Gallery Page

You can create two galleries layout with Black Label, just go to create a new page and create a gallery as usual in WordPress.

For this click on Add Media > Create Gallery:

Select the images you want to use and then click on Create a new gallery,  then you will see the gallery in your content:

After this you can select which Gallery you want to use in the Template dropdown:

Click Publish and you are done!

6. How to add Music to a Page

You can add an audio file to a page to play in the background, this is useful if you want to show your photos with music.

On any page go to the Background Options and add an audio file:


7. How To Create another Parent Portfolio

With the Multiple Portfolios plugin you can have more than one portfolio on your site, and any number of portfolio items on each one.

By default you have one parent portfolio called "Portfolio" but let's see how we can create another one.

Go to Multple Portfolios > Create New Parent Portfolio

Let's say that we wan to create a new parent portfolio for our Print works, we will enter "Print" as the name and click on Publish:

Now you will see a new Parent Portfolio in your menu:

Now you can treat that new parent portfolio as the default one, start creating new items and enjoy.

8. How to use the Home Widget Area

On the Home page template you can see a widget are on the right:

To add widget there, go to your Admin Panel > Appearance > Widgets and add the widgets in Home Widget Area:

9. How To use a single Background Image

By default the Slider is the background on all pages but you have the option to set a different background for each page and don't use the Slider.

On any page go to the Background Options, and select Add Media to choose any image as background:



10. How To create a Portfolio item

First of all you need the Multi Portfolio plugin installed. You can install this plugin as explained here:

Getting Started with Black Label 4 > Recommended Plugins

Once you have that plugin installed, a new menu is created called Portfolio, go there and click on Add New item:

Add you Title and Content as normal and select your Featured Image here:

 

Also you will see a section called Portfolio Item Options, with these options

Select layout

Here you can choose if you want a normal size item or a big one. Example:



Portfolio Images

Here you can add all the images to display on the single page of this item. Example:


Single Portfolio page

Two options here, Default or VerticalThis is how you will see the single portfolio page.

Example Default:


Example Vertical:


Portfolio Categories

All the portfolio categories you select here will be used for the portfolio filter:

11. Choose how many portfolio items to display

By default the portfolio will show 10 items but you can change that in your Admin Panel > Customizer > Portfolio Options:

And here you can select your number:



12. How To Create a Full Width Page

If you don’t want the sidebar on a page. Just select “Full Width” in the Page template option:


13. How To add a Social menu

You can create a social menu just by adding your social URLs as a menu item.

First go to your Admin Panel > Appearance > Menus and click "create a new menu"

You can name it "Social" then start adding Custom Links with your social URL, like this:

Add all you social profiles and it should look something like this:

Then select the Menu Location, in this case will be the Social Menu location, and you will see the menu in the footer or on all other location where the social menu should be.

Click "Save Menu" and that's it.

On your site should look something like this:


14. How to use the Home Widget Area

On the Home page template you can see a widget are on the right:

To add widget there, go to your Admin Panel > Appearance > Widgets and add the widgets in Home Widget Area:

15. How To add categories filter on the Shop page

If you are using WooCommerce, you can add a filter on the shop page with your categories:

Select the categories you want for that filter by going to Admin Panel > Appearance > Customizer > Shop Options

And check the categories you want:

Then click Save & Publish

16. How to use a single Background Video

By default the Slider is the background on all pages but you have the option to set a different video background for each page and don't use the Slider.

On any page go to the Background Options and add a video URL, we recommend to use MP4 H.264 videos but you can also use any other HTML5 video or YouTube and Vimeo:


17. How To create a Portfolio page

You can select two layouts for a portfolio page.

First go to your Admin Panel > Pages > Add new,  you can put any title, in this case "Portfolio".

On the Template dropdown select one of the Portfolio templates:

If you select Portfolio Masonry  you have the option to select how many columns to use.

On the Portfolio Options box you select this:

Also if you have multiple portfolios created, then here you can select which portfolio to display on this page, using this option:

Don't forget to click Publish and that's it, you have a new portfolio item.

Also you can switch to any template layout as many times you want.

18. How to create a Slider item

Black Label uses the Slider items as default background, that's why is better to have at least 1 item.

You can use Images or Videos for your Slider items.

Let's see how to create one, first make sure you have the Quema Labs Slider Post Type plugin installed:

This plugin is needed for the slider to work. You can see how to install it here: Recommended Plugins

Ok, let's create a Slider item, go to your Admin Panel > Slider > Add New Item, add a title and content as usual in any post.

To upload an image click on Set featured image:

Upload a new image or use one already on your Media Library and click Set featured image. This will be your Slide image.

Also below you will see the Slide Options:

Show Title and Description: Here you can select if you want to display the title and the content on your slide.

Slide Link: If you insert an URL here the Slide will link to that URL when clicked.

Video URL: You can use Video as a slider item, we recommend to use MP4 h.264 videos but you can also use YouTube or Vimeo.

Video Autoplay: If you want the video to start play automatically.

After completing the fields click on Publish and you have your first Slider item.


19. How To Create a Contact Page

To create a Contact Page first go  to your Admin Panel > Pages > Add new,  you can put any title, in this case "Contact".

On the Template dropdown select Contact:

Click Publish, now you have your Contact Page created but you have to edit the configuration for this page on the Customizer.

Go to Appearance > Customizer and select Contact Page:


There you will see all the option to configure your Contact Page


20. How To Create a Small Page

You can use one of the page template to create a small page like this:

This is useful if you want more space to see the background behind the content.

Go to Page > Add new and select Page Small as template:


21. How To use WooCommerce

This theme supports WooCommerce plugin to install it, please follow the instructions here:

Getting Started with Black Label 4 > Recommended Plugins

If you need help on how to use WooCommerce, please take a look at the plugin's documentation:

WooCommerce Docs

All the Theme's options for the shop are in Admin Panel > Appearance > Customizer > Shop Options

22. How To use WooCommerce

This theme supports WooCommerce plugin to install it, please follow the instructions here:

Getting Started with Black Label 4 > Recommended Plugins

If you need help on how to use WooCommerce, please take a look at the plugin's documentation:

WooCommerce Docs

All the Theme's options for the shop are in Admin Panel > Appearance > Customizer > Shop Options

23. How to use the Home Widget Area

On the Home page template you can see a widget are on the right:

To add widget there, go to your Admin Panel > Appearance > Widgets and add the widgets in Home Widget Area: