Thank you for purchasing our theme. To fully enjoy this template you will need a real web server (online or local) to work properly.
Within the download you'll find the following file structure and contents, logically grouping common assets and providing.
Once downloaded, unzip the compressed folder to see the structure of your theme. You'll see something like this:
Noisa/ ├── Documentation/ │ ├── Theme/ - This document │ └── Visual Composer/ - Visual Composer plugin documentation ├── Example Content/ - │ ├── contact-form-7-example-form.txt - Example Contact Form 7 usage │ └── theme-content.xml - Example content available for import ├── Licensing/ - Licenses. ├── PSD/ - Photoshop graphics files. ├── Theme/ │ ├── noisa.zip - Main theme files. │ └── noisa-child.zip - Default settings for theme admin panel. └── changelog.txt - All theme changes.
Please note that all JavaScript plugins require jQuery to be included.
You can complete installation in two different ways:
NOTE: Make sure that you have unpacked the whole package that you downloaded from ThemeForest. This is very important!
Download FileZilla from http://filezilla-project.org/ and install program.
Double click on your FileZilla icon from your desktop.
Complete the following boxes (below the header at the top of the screen)
ftpAddress - The URL of your blog/website (don’t include http:// at the beginning)
User - your ftp username
Password - your ftp password
Port - Leave Blank or enter 21 (it should by default enter this automatically)
Click Quickconnect! are now connected to your ftp account.
Double click on the WWW directory folder located on the right hand side so that the directory is opened. If you have a registered domain on your account then the 'index.html' file should be within your 'www/yourdomain.com/' directory. 'index.html' will be the main page of your site.
If you use Wordpress and have a registered domain on your account then the Wordpress files can be accessed using the following path /www/wp-content/themes/ and select your theme folder. You will find all the php, css and image files for your Wordpress site in there.
From the left hand side of the FileZilla program, you will need to search for your files on your computer in which you would like to upload to your site under 'Local Site'.
Browse the contents and find the actual theme folder (/Theme/). In this folder you will find noisa.zip. Unzip this file then. After unpacking, you'll see a new folder containing your theme files. This is your theme folder.
Highlight all of the files you wish to upload and then DRAG them over to an open area on the right hand side of the FileZilla program so that you will upload the files into www/wp-content/themes/your theme folder.
Your files will upload instantly onto your site. A message will appear at the top above the local site to let you know if the upload was successful. Thats all theme should already be on the server ready to activation.
After activating theme you will be notified that Noisa requires "WPBakery Visual Composer" and "Noisa Plugin" to work properly. It's also recommended to install Contact Form 7.
Click "install" next to every plugin from the list starting from the top of the list, after installing the last one click Activate in same order.
NOTE: If you will decide to skip installation of Contact Form 7 before importing XML content (next part), but decide to install it in later time - you may need to import example contact form again to have it visible in CF7
NOTE: Please Leave "Posts page" unselected. This setting will cause problems with theme if used.
The most important aspect of updating is that one should always have made a backup of their site and database prior to performing an update. Updates are very easy to do, but because we are dealing with the internet, and also several different programs attempting to work together, sometimes updates will fail, and "bad things" can happen to your existing site. If you have made a backup, then the problems may be reversible.
Many often worry that upgrading by ftp overwrite will cause one to lose the existing content they have input into their site. This is not the case. Your content, formatting and images you have uploaded are not effected.
If you have made any custom modifications to your php files - for example you have have hardcoded changes to a file, you can lose those modifications. You should definitely save each php or css file you have "hard" modified, so that you can reinstall them after the global program update. If you have made changes and you don't want to lose them, you can use one of freeware tools for comparing files, ex. Beyond Compare (Please don't ask us how to use it because we are not the authors of this tool. Help can be found on their website). After comparing these files you can upload on server only the files that hasn't been changed.
If you haven't custom modifications any theme files, all you need to do is update your version of theme by downloading the latest package from market, unpacking files and uploading new files on the server while replacing the old files.
A common issue that can occur with users new to installing WordPress themes is a "Broken theme and/or stylesheets missing" error message being displayed when trying to upload or activate the theme. This error message does not mean that the theme you have purchased is broken, it simply means it has been uploaded incorrectly. Luckily, there is a very easy fix. Please follow the steps below to rectify this issue.
With the one-click import functionality you can quickly and easily import all the sample content (content, menu, options and widgets). So setting up your site to look and function just like the demo has never been easier. If you are using this option you don't need to use .xml files no longer. Before you begin, make sure that all the necessary plug-ins you have installed and activated.
Probably you need to increase the maximum execution time. You can do this by adding following code to your /wp-config.php file right above the /* That’s all, stop editing! Happy blogging. */
set_time_limit(700);
If you still have problems make sure that you have enough memory allocated to php. This can be set in your wp-config.php file. You can read more at WordPress codex page.
NOTE: Before running the demo import again, you should reset the database. We recommend the WordPress Reset plugin.
If the one click demo import does not complete or takes too long. Here is another method to try.
The most important aspect after importing content is to set the permalinks. WordPress posts returning a 404 Error. This usually happens if your .htaccess file got deleted or something went wrong with the rewrite rules. What you need to do is fix your permalinks settings.
By default, WordPress uses web URLs which have day and name in them; however, WordPress offers you the ability to create a custom URL structure for your permalinks and archives. This can improve the aesthetics, usability, and forward-compatibility of your links (WordPress Codex).
Permalink settings are found in the left-hand WordPress Dashboard -> Settings -> Permalink menu.
Once you have selected the specific format you want, click "Save Changes." This will update your permalinks settings and flush rewrite rules. In most cases this solution fixes the WordPress posts 404 error.
Theme Options are found in the left-hand WordPress Dashboard -> Theme Options or in WordPress admin bar at the top of page and it is an easy-to-access toolbar with a few shortcuts to some central dashboard pages.
The Muttley options panel has been especially created to make your work faster and easier. Using it is very easy and in just a few minutes you can change a lot of things on your page. On this panel you can adjust many various configuration settings including basics like: Date format, Google fonts, to more advanced like custom CSS/JS (Quick Edit), section permalinks structure etc.
We have the options organized into logical tabbed sections, and each option has a description of what it will do on the front end. Because of the sizable amount of options this theme, we cannot go over them in full detail here in our documentation.
NOTE: Please don't mess with "Advanced" options menu unless you know what you are doing. Any misconfiguration there may cause some serious unpredictable issues.
Theme is based on WPBAKERY VISUAL COMPOSER. In the create/edit page above the WordPress editor you will see two blue buttons called "Backend Editor" and "Frontend Editor". These are exactly what you need to build content within Visual Composer..
To explore the capabilities of Visual Composer, we recommend you study the documentation and watch following video:
NOTE: There is a special tab in VC modules - "By Rascals", it's a set of our custom modules for VC.
NOTE: We have one extended license for this theme and we have our own key, but don't worry the latest version of Visual Composer is always added to theme update.
This section will help you understand how to build your own, let's assume with name "OnePage".
If you create a one-page website or you want to use links with hashtags around a page, you need to create links with hashtags "#". For example, if your website is http://website.com, and on this page you want to create links with hashtags for sections go to the Appearance -> Menus section where you need to create links like http://website.com#portfolio.
Add custom link to your menu and in URL field type your hashtag ex: #portfolio
Please note that if your One Page is not set as primary homepage at your website you will have to add its absolute path before #.
Example: http://www.website.com/onepage/#music
Also please note that slash before hash is required so it CAN NOT look like this: http://www.website.com/onepage#music
Click on "Backend Editor" button.
Switch to and click "Add element" and select "Row" module. This module is a very basic element of VC build system which can contain other page sections like Events, Portfolio etc.
Open row settings and find field called "Row ID", and type unique name of your section with the correct Custom ID which must have the same as that after the # in the link. In this case, Custom ID must be portfolio. More about row editing you will in Visual Composer instruction.
The blog is divided into two sections: Blog Page and Single Post.
If you want to create the blog page, firstly, you need to create a simple page. You can also open already created page. Blog page allows you to display posts published at your webbsite.
There are two types of Blog available. You can choose classic posts list or modern grid view.
Only after chosing the blog template and clicking on Publish / Update button, the options for blog pages will appear. If you just open the editor mode for the page, there will be NO options for blog. Blog options depend on blog page template.
You can choose from one of the five types of layout. Two with sidebar, two wide and one VC for Visual Composer.
Types of layouts:
Please note that layouts with sidebars are only available in classic posts list with left or right sidebar.
If you select a layout with sidebar then you will see an additional field with different siedabrs to choose. As you can see there are two Sidebars available.
- Primary Sidebar is an example set of widgets which can be used in Sidebars.
- Custom Sidebar - here you can prepare your own Sidebar configuration.
If you want to know more please check "Widgets and Sidebars" chapter.
Noisa theme contains Owl Carousel Slider which may look simple at the beginning but stay powerful thanks to low resource usage and comfy user experience.
Please go to Slider -> Add New
Add a title, and slider images by clicking on "Add images" button.
From Media Manager window select images by clicking on them, and click on "Add selected items" button to add selected images to your slider.
If you want, now you can change the order of your slides (images), just click and drag them.
Each slide contains additional options such as title, subtitle, button link, etc. If you want to edit them, click on the black "cog" button, then you will see a popup window with additional settings.
To create new slider please go to Slider -> Add New.
Input the name and choose from images available at Media Library, where you can obviously add your own content.
There are several ways to display previously created sliders on your website:
Intro sections are available for almost any type of posts and pages. Each of those intro sections can be set to display as sliders.
Please create new post and set it to Gallery in "Post Format Options".
After publishing a page you are able to add Rows and widgets to that page. /
Sliders are available as one of those widgets, after selecting proper widget you will be prompt for slider name.
After creating slider via VC please switch to Classic Mode and look at text box for proper shortcode.
Please go to Tracks -> Add New
Add a title of your single track or tracklist.
Now you will have two options:
"Add Track" - Adds locally hosted files on your server, please note that file has to be visible in Media Library. From Media Manager window select images by clicking on them, and click on "Add selected items" button to add selected music file(s) to your track or tracklist.
"Add Custom Track" - You can add external link to MP3 file or SoundCloud stream. Firstly click on white gear with dark background when it becomes visible.
If you want, now you can change the order of your slides (images), just click and drag them.
Each slide contains additional options such as title, subtitle, button link, etc. If you want to edit them, click on the black "cog" button, then you will see a popup window with additional settings.
Track settings:
Custom track settings:
Here you can edit track settings such as Title, URL, Cover image etc. URL box can handle links to external MP3's or Soundcloud content. Supported Soundcloud link types: - Soundcloud single track - Soundcloud favorites (likes) tracks - Soundcloud playlist - Soundcloud user tracks - Soundcloud group tracks
You can use audio tracks in audio posts format, widget tracks and in VC modules.
NOTE: In Theme Options -> Sections -> Music Tracks you have various global options for Scamp Player.
The portfolio is divided into two sections: Portfolio Page and Single Post.
If you want to create the portfolio page, firstly, you need to create a simple page. You can also open already created page. Portfolio page allows you to display posts published at your webbsite.
You can choose Portfolio template from list.
Only after chosing the portfolio template and clicking on Publish / Update button, the options for portfolio pages will appear. If you just open the editor mode for the page, there will be NO options for portfolio. Portfolio options depend on portfolio page template.
In Visual Composer 4.8+ the way you enable the Visual Composer for your Portfolio post types is to go to Visual Composer -> Role Manager and under the user role you want to set the post types for you click "Custom" from the dropdown then check all the post types you want to use the Visual Composer on.
You can choose from one of the five types of layout. Two with sidebar, two wide and one VC for Visual Composer.
Types of layouts:
Please note that layouts with sidebars are only available in classic posts list with left or right sidebar.
If you select a layout with sidebar then you will see an additional field with different siedabrs to choose. As you can see there are two Sidebars available.
- Primary Sidebar is an example set of widgets which can be used in Sidebars.
- Custom Sidebar - here you can prepare your own Sidebar configuration.
If you want to know more please check "Widgets and Sidebars" chapter.
The Gallery is divided into two sections: Gallery Page and Single Gallery Post.
If you want to create the portfolio page, firstly, you need to create a simple page. You can also open already created page. Portfolio page allows you to display posts published at your webbsite.
There are one type of Gallery templates available. You can choose Gallery template.
Only after chosing the page template and clicking on Publish / Update button, the options for gallery pages will appear. If you just open the editor mode for the page, there will be NO options for page. Gallery options:
Gallery post (Album) options are divided into two parts.
1. Album images - Images
2. Album Options - Additional layout option like images limit, images per row etc.
Set images limit and iamges per row in post options.
Click on Featured Image Box, select an image and click the Set Featured Image button. Featured image is project thumnail on Gallery Page. Album Thumbnail will not be displayed on Gallery page without selected featured image!
The events is divided into two sections: Events Page and Single Post.
If you want to create the events page, firstly, you need to create a simple page. You can also open already created page. Events page allows you to display posts published at your webbsite.
There are two types of Events templates available.
Only after chosing the events template and clicking on Publish / Update button, the options for events pages will appear. If you just open the editor mode for the page, there will be NO options for events. Events options depend on events page template.
In Visual Composer 4.8+ the way you enable the Visual Composer for your Events post types is to go to Visual Composer -> Role Manager and under the user role you want to set the post types for you click "Custom" from the dropdown then check all the post types you want to use the Visual Composer on.
You can choose from one of the five types of layout. Two with sidebar, two wide and one VC for Visual Composer.
Types of layouts:
Please note that layouts with sidebars are only available in classic posts list with left or right sidebar.
If you select a layout with sidebar then you will see an additional field with different siedabrs to choose. As you can see there are two Sidebars available.
- Primary Sidebar is an example set of widgets which can be used in Sidebars.
- Custom Sidebar - here you can prepare your own Sidebar configuration.
If you want to know more please check "Widgets and Sidebars" chapter.
Intro Header section is an element which is located at the very top of the page (under the header) and is displayed practically on each theme page, post, portfolio, gallery etc. It has several types and they may contain additional settings.
Intro Header Types:
One of the great features of Rascals themes is that our themes are Internationalized (I18n). In simple language, it means that you can translate any of our themes in your own language! Here, we explain how you can translate a theme.
Poedit and Codestyling Localization are not just for the translation, it also can make changes in theme texts, without any changes in template code. This is very convenient because if the new upgrade will change the code, you will need to change the texts again.
You can translate/edit texts, using the free "POedit" software or free "Codestyling Localization" plugin for wordpress. Here's a step-by-step instructions:
If your language is English open "en_EN.po" through POedit and just change texts that you want. When complete save file.
Otherwise:
Open "en_EN.po" through POedit and translate the English language into your preferred language. When complete, you’ll want to save the file twice, as two separate files – a .po file and a .mo file. When you save the files, you must name them according to your language code.
Find a list of language codes at http://codex.wordpress.org/WordPress_in_Your_Language. As an example, the language code for English is en_EN, so you would save the translated files as "en_EN.po" first, then "en_EN.mo"
On the drive side, navigate to the /noisa/theme/noisa_theme_version/languages/. On the host side, navigate to your WordPress installation root directory:
/wp-content/themes/noisa_theme_version/languages/
Where you have your current version of noisa installed. Simply drag and replace /languages/ folder from your drive on the /languages/ folder on the host side.
On the host side, navigate to your WordPress installation root directory and open "wp-config.php". For example, if you’re using a French translation, you’ll need to add the "fr_FR.po" and "fr_FR.mo" files to your theme folder, then set your language in "wp-config.php", like this:
define('WPLANG', 'fr_FR');
Language code for English should look like this:
define('WPLANG', 'en_US');
Widget is a fancy word for tools or content that you can add, arrange, and remove from the sidebars of your blog. Widgets make it easy to customize the content of your blog sidebar. You can access the widgets page from the Appearance menu in your Dashboard.
To open and close a widget, mouse over the widget bar and click the small arrow that appears to the right.
To add a widget, drag the widget from the Available Widgets or Inactive Widgets area on the left into the Sidebar area on the right. When you see a dashed line appear, you can drop the widget into place.
You can also change the order of the widgets by dragging and dropping them around in the sidebar.
Each widget has configuration options. To make changes to a widget in the sidebar, click on the triangle on the right side. This will open up the options for the widget. Each widget will be different.
After you have have configured the widget, click the Save button. Clicking the Close link will minimize the configuration options again.
If you would like to remove a widget from the sidebar, click the Delete link in the configuration options as show above.
Create new sidebar and assign it to any page or post. Now you can design special sidebars for each page with easy.
Go to -> Theme Settings -> Sidebars. Click on "Add Sidebar", then in the field labeled 'Name' type the name of your sidebar and click on 'Save' button. Now you can add widgets to the new sidebar. Go to a page or post where you want to see your sidebar. Select your sidebar in the page options and click on save button. Your sidebar should be now visible on the site.
Allows you to automatically display latest albums or images for selected album
You can embed track list in to this widget
Allows you to display your Twitter feed
Shortcodes, a simple set of functions for creating macro codes for use in post content. A trivial shortcode looks like this:
[divider]
Your theme consists of two basic CSS files. The first one (style.css) holds all of your theme's base CSS styles. The second set of CSS styles is located in your theme's root directory /styles/ This folder contains all of the separate CSS files for your theme's skin variations.
You can make changes in CSS style through: Theme settings -> Quick Edit -> Custom CSS.
Every main CSS style rule can be adjusted. Whenever you want to change theme style always use this field. When you do that you'll have assurance that whenever you upgrade the theme, your code will stay untouched. Avoid making changes to "style.css" file directly. Whenever you change something, you can always export your data using Advanced -> Import/Export.
Your theme contains many advanced jQuery functions to produce sliders, image hover animation effect, drop down menu navigation... If you need to customize any functions for any reason, all of your theme's jQuery functions are located in a file called "custom.js" in your theme's /framework/scripts/.
You can make changes in Javascript through: Theme settings -> Quick Edit -> Custom Javascript.
When you do that you'll have assurance that whenever you upgrade the theme, your code will stay untouched. Avoid making changes to "custom.js" file directly. Whenever you change something, you can always export your data using Advanced -> Import/Export.
People and links that we want to say thank you!
Support for this theme will be provided via this item's comments and via messages to the author.
Just for the record: we provide theme assistance because we consider ourselves as proffesionals and not because it is required from Envato authors. We will do our best to answer all your questions and help you, but sometimes you have to be patient. Modifications and 3rd party plugins are not subject to support - sorry.
Make sure that you have read documentation which was in theme package - it contains useful information on how to install and use the theme. You may be familiar with our FAQ section too.
Installation, customization or administration of WordPress itself are not a subject of support. We also do not provide support for any third party plugins or problems associated with using them with our themes. We focus on topics like installation and configuration of the theme, usage of theme features and potential bugs fix. We do not provide customization services. Support will not be provided when you want to modify the theme to suit your specific needs or when you want feature 'X' to be integrated with the theme.
Rascals Themes office is located in Poland (EU) and our working hours are 8:00AM - 4:00PM (GMT +1) on workdays (Monday to Friday excluding public holidays).