Wemusic | Document Category

Album & Team Member

Create Members page

To create Members page which shows all team members, create a new page (remember set title for page) and add Noo Team shortcode on page. You can configure some options in this shortcode.

Create A New Team Member

Step 1: From admin panel, navigate to Team Member => Add New
Step 2: Enter title and select categories for team member
Step 3: Scroll down your mouse, you will see Team Member Information and Social options. Please fill out information for Team Member Information (Remember to select image for your team member) and add your social in Social section.
Step 4: All done, click “Publish” to save your team member.

Create Album Masonry page

To create Album Masonry page, create a new page (remember to set title for page) and add Product Masonry shortcode on page (You can configure some options in this shortcode).

Album Settings

Purchase Link Setting: In this section you need to enter links to redirect customer to sites they can buy your album that may include iTunes, Amazon and Add to Cart URL.
Songs Setting: You can set Release date of album and add songs of album from your Media Library or your computer.

Create a New Artist/ Genre/ Producer

To create a new artist/genre/producer, please follow these steps:

Step 1: From admin panel, navigate to Album => Album Artist/Genre/Producer.
Step 2: You will see Add New Album Artist/Genre/Producer on the left side, please enter name, slug, and description for Album Artist/Genre/Producer.
Step 3: All done, click “Add New Album Artist/Genre/Producer to save information. The new album category/ genre/producer will be displayed on the right side when you add new album.

Create A New Album

To create a new album, please follow these steps:

Step 1: From admin panel, navigate to Albumà Add New Album
Step 2: Enter title and description of your Album
Step 3: Choose Album Artist, Album Genre, Album Producer, Album Tag and set Feature Image for your album.
Step 4: Scroll down your mouse, you will see Album Settings section of Album that includes Purchase Link Setting (The links to purchase album) and Songs setting. Please fill out all information for sections above.
Step 5: All done, Click “Publish” to save your album.

Footer

The Footer is composed of two parts that are Footer Bottom and Footer Columns or Widget area . Thus, now you can guess that you will have to use not only Customizer but also Appearance>Widgets to make adjustments to the Footer.
You can see available widgets on the left side and 4 sidebars belonging to Footer: Noo Footer Bottom, Noo Widget event, Noo – Footer Column #1, Noo – Footer Column #2, Noo – Footer Column #3 and Noo – Footer Column #4.

1. Noo Footer Bottom

Drag Noo Counter Social widget to this sidebar> Click the triangle icon on the right side of the widget> complete options> Save

2. Noo Widget Event

Drag Noo information and Noo Social widget to this sidebar> Click the triangle icon on the right side of the widget> Complete options> Save

3. Noo Footer Column #1

Drag Calendar and Noo Request Information widgets to this sidebar> Click the triangle icon on the right side of the widget> Complete options > Save

4. Noo Footer Column #2

Drag Text widget to this sidebar> Click the triangle icon on the right of this widget> complete options> Save

5. Noo Footer Column #3

Drag WooCommerce Top Rated Products to this sidebar> Click the triangle icon on the right side of the widget> Complete options> Save

6. Noo Footer Column #4

Drag Noo Categories and Noo Social to this sidebar> Click the triangle icon on the right side of the widget> Complete options> Save

Header

Set Up Menu

Follow these steps so that menu items can be shown in Header

Step 1: Navigate to Appearance–> Menu section of your admin sidebar.
Step 2: Click the Create A New Menu link to make a new menu. Enter the name then click the Create Menu
Step 3: To add menu item, select one of your created pages on the left hand side and click the Add To Menu button. You can also add different posts from the left side.
Step 4: To add a custom menu item, enter a custom name and link into the Links box.
Step 5: Manage your menus by using the drag and drop functionality. To create a dropdown menu in Menu Structure, simply drag a menu item on the left side to the area on the right side.
Step 6: After setting up your menu, scroll down to the bottom of the page to assign the menu on the Theme Location box.
Step 7: Once It’s all done, make sure you click Save Menu.

You can refer to this link to learn more about settings related to Header

An Introduction To Header

Perhaps Header is the first place visitors look at when they go to your site. The first impression is always important; therefore, if the Header can convey your message to users, that is very great! The simple message given to them can be an understandable and clear menu or an amazing and eye-catching design of the header or diversified header styles of your site also make the most choosy customers feel satisfied.
In the most essential respect, a header should contain 2 parts which are Logo and Menu area

Here is structure of sections in Header, which will help you to acquire essential knowledge of building a Header. In terms of an striking and personal Header, I suppose that it depends on your creativity:))♦ Set up Menu
♦ Customize Header

Setting Up Menu

Wemusic supports custom WordPress menu, this is one area where you can assign a menu: Main Menu. Following the guide below to learn how to create new menu on Wemusic theme.

Step 1: Navigate to Appearance => Menus from Admin panel.
Step 2: Click the Create A New Menu link to make a new menu. Enter the name then click Create Menu
Step 3: To add menu item, select pages and post on the left hand side and click Add to Menu button. You also can add custom links or post categories into menu.
Step 4: To create a dropdown menu, simply drag a menu item below of another menu item and slightly to the right, and it will lock into place and create a dropdown section.
Step 6: After setting up your menu, scroll down to the bottom of the page to assign the menu on the Theme Location box.
Step 7: Once it’s all done, make sure you click the Save Menu

Below is the screenshot of menu structure and place to assign menu:

Adding Logo

Wemusic allows you to add image file or use text for logo. For the image file, you can upload at any size and it will be adjusted to fit into the menu. There is an option for you to upload a retina logo to keep your logo retina ready.

Step 1: Navigate to Customizer => Header => Logo tab to access the logo options.
Step 2: You will see a button to turn On/Off Use Image for Logo.

If Off, you will have option to enter your site name, select logo font from Google font, font size and color for your logo.

Step 3: If you are uploading a retina logo (optional), you need to upload a larger image of which dimensions are 2 times larger than dimension that your standard logo will be displayed.
Step 4: If you are using a retina logo, you must enter the logo height for standard logo.

Installation

Update Theme

Automatic Update

Please follow these steps to update theme:

Step 1: Hover into username then choose Download
Step 2: Select “License certificate and purchase code”
Step 3: In Admin Panel, choose Settings, click “NOO Wemusic License”. You will see the message Please enter your license key to enable updates to NOO Wemusic.
Step 4: Enter code into License key

Note: Auto update is available from version 1.0.0 and above

Basic Setting

If you’re new to WordPress, you’ll probably see that your site after importing data is completely different from our demo. It’s because some basic setting is needed on WordPress site. If you know the problem is and how to fix it, please skip this section.

Setup Home Page

To set up home page, please follow these steps:

Step 1: Navigate to Settings => Reading
Step 2: Select A Static Page option.
Step 3: Choose the page you want as your home page from the Front Page dropdown list.
Step 4: Here you can also select a page to display blog post from the Post page dropdown list.

Assign Menu

Please go to Appearance => Menus then find Menu Settings => Theme Locations at the bottom. Check the Primary Menu then save it. This action will assign the menu “Main Menu” to the location Primary (the main menu) on our theme. You can see more detail at: http://codex.wordpress.org/Appearance_Menus_Screen

Change Permalink

Please go to Permalinks setting: Settings => Permalinks then change the Common settings to Post name. You can see more detail at: http://codex.wordpress.org/Using_Permalinks. After doing these steps, your site will look like our demo, you can move on to process to build your content.

Import Demo Content

How To Import Wemusic Demo Content

Step 1: From Admin Panel, after installing and activating our theme, navigate to Tools, choose Import => WordPress.
Step 2: Click Choose File and browse the demo content .xml file extracted from the .zip file you can download from Themeforest following guide in DOWNLOAD THEME PACKAGE section above. Click Upload file and import to upload the file.

Note: If you have not installed Deme Importer Plugin, you may see the notification message to install the plugin. Click Install Now to install and move on.

Step 3: You will first be asked to map the authors in the file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
Step 4: WordPress will then import each of the posts, comments, and categories contained in this file into your blog.

See guide to import a sample content into a WordPress blog in WordPress Codex.

Note: Not all the content in our demo will be included. Those files might be excluded from the content you can import:

Images: our stocks might not be in the content due to license issues. Instead, we replace with grey images. Please change to your own pretty images for your site.
Sliders, Post and Pages: not all sliders, posts and page in our demo will be consisted in our dummy date when you import. However, we still add some sliders and pages for your reference.

Plugin Installation

Here is list of plugins that will come together with our theme when you activated it. You are recommended to install and activate these plugins base on your own need:

Visual Composer: The popular drag and drop page builder plugin with intuitive interface to build your content at ease. Save another $33 for this plugin with Wemusic.
Contact Form 7: Wemusic is fully compatible with Contact Form 7, the free form plugin recommended to create a nice form for your site.
The Event Calendar: This plugin is a carefully crafted, extensible plugin that lets you easily share your events.

After installation Wemusic theme, you will see a notification message to activate the required & recommended plugins. Follow the steps to install and activate each plugin.

If you want to install another WordPress plugin that doesn’t include in our theme. Please following these steps:

Step 1: Navigate to Plugins => Add New.
Step 2: Under Search, type in the name of WordPress Plugin or descriptive keyword, author, or tag in the search form or click a tag link below the search form.
Step 3: Find the WordPress Plugin you wish to install
Click Details for more information about the Plugin and instructions you may wish to print or save to help setup the Plugin.
Click Install Now to install the WordPress Plugin.
Step 4: You will see the popup window that will ask you to confirm your wish to install the Plugin.
Step 5: If this is the first time you’ve installed a WordPress Plugin, you may need to enter the FTP login credential information. If you’ve installed a Plugin before, it will still have the login information. This information is available through your web server host.
Step 6: Click Proceedto continue with the installation. The resulting installation screen will list the installation as successful or note any problems during the install.

Step 7: If successful, click Activate Plugin to activate it, or Return to Plugin Installer for further actions.

Install Theme via FTP

How to install Wemusic via FTP

Step 1: Login into your hosting space via a FTP software.
Step 2: Unzip the noo-wemusic.zip file and ONLY use the extracted Wemusic theme folder.
Step 3: Upload the extracted Wemusic Theme folder into wp-content => themes
Step 4: Activate the newly installed theme by going to Appearance => Themes and clicking the Activate
Step 5: Then you will see a notification message to activate the required & recommended plugins Contact Form 7, Revolution Slider, Visual Composer. Follow the steps to install and activate each plugin.

Install Theme via WordPress

How to Install Wemusic via WordPress

Step 1: Login to your WordPress Admin Panel, navigate to Appearanceà Themes
Step 2: Click Install Themes on the top à hit Upload
Step 3: Find “noo-wemusic.zip” file on your computer and click “Install Now”.
Step 4: Once uploaded, activate the theme. Go to Appearanceà Themes and activate it.
Step 5: Then you will see a notification message to activate the required & recommended plugins: Contact Form 7, Revolution Slider, Visual Composer. Follow the steps to install and activate each plugin.

Note: If you see this message “Are You Sure You Want To Do This” when installing noo-wemusic.zip file via WordPress, it means that you have an upload max file size limit. Try to install the theme via FTP instead, or contact your host to increase the limit.

Requirement For Wemusic

To use Wemusic theme, you must be running WordPress 3.5 or higher, PHP 5.6 or higher, and MySQL5 or higher. Follow below checklist to ensure your host can work well with Wemusic theme:

Your web host has the minimum requirements to run WordPress.
They are running the latest version of WordPress.
You can download the latest release of WordPress from official WordPress website.
You did create best secure passwords FTP and Database.

Download Theme Package

When purchasing successfully our theme from Themeforest, you will need to download theme package for your use. To download the package, please login to your Themeforest account, navigate to “Downloads”, click the “Download” button in the left of the theme, choose “All files & documentation” to download our theme package to your computer. The theme package includes:

Wemusic Theme File: Includes noo-wemusic.zip file that consists of everything you need to install the theme.
Document Folder: Includes Wemusic Documentation file that helps you get to know about Wemusic and guides you to build your site with our theme.
Licensing Folder: Includes the licensing files of Themeforest purchase.

Demo Content Folder: Includes the .xml file you will need to import our demo data.

WordPress Information

Before installing this theme, please make sure you have a working WordPress version already installation. For further guide to install WordPress, please find in below useful links:

WordPress Codex: General info about WordPress and how to install your server.
Instructional Video: How-To video created by Woo Themes
First Steps With WordPress: Multiple topics about WordPress.
FAQ New To WordPress: Popular FAQs about WordPress.

Installation

Firstly we would love to send our great thanks to you for purchasing Wemusic. This documentation covers almost everything to guide you step by step from the start to have your site on air. We encourage you to read thoroughly all section before you go on. If you still have to cope with any problem around, get our quick support at NooTheme Support Center.

Thanks again and enjoy building your website with Wemusic.

Page & Blog

Albums Page

There are two shortcodes used to create Albums page. They are Row and Album Masonry shortcodes

Album Masonry settings:
Products Per Page: The number of products is shown per page
Order By: This option handles the display order of albums based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet

Row settings

WooCommerce Pages

After Woocommerce plugin is installed, it creates the following new pages:

Cart
Checkout
My account
Shop page

Learn more about Woocommerce pages:
http://docs.woothemes.com/document/woocommerce-pages/

Yet if it is unfortunate that those pages are not automatically created, you can do the following steps to build them:

1. Cart page

• Navigate to Pages > Add New.
• Enter Title (Cart), paste this shortcode [woocommerce_cart] into content area of the page
• Opt Default Template in Page Attributes on the right side
• Click on Publish button

2. Checkout page

• Navigate to Pages > Add New.
• Enter Title (Checkout), paste this shortcode [woocommerce_checkout] into content area of the page.
• Opt Default Template in Page Attributes on the right side.
• Click on Publish button

3. My Account

• Navigate to Pages > Add New.
• Enter Title (My Account), paste this shortcode [woocommerce_my_account] into content area of the page.
• Opt Default Template in Page Attributes on the right side.
• Click on Publish button

4. Shop Page

• Navigate to Pages > Add New
• Enter title, Shop
• Opt Default Template in Page Attributes on the right side.
• Click on Publish button

Contact Us Page

Here are images of shortcodes used to create Contact Us page

1. Red Row 1

♣ It has a Row shortcode of which style is one column
♣ The column contains a Text Block shortcode

♣ Row settings

2. Red Row 2

♣ It has a Row shortcode whose style is 2 columns
♣ The first column includes a Contact form 7 shortcode
♣ The second one comprises a Text Block shortcode

♣ Row settings

♣ Display of Red Row 1 and Red Row 2 on the site

Blog Pages

1. Blog Page

To build this page, you only need to enter title of the page and click the Publish button. After that, you will carry out one further step: Navigate to Settings>Reading> opt Blog in Posts page section> Save changes.“Why does this page not have any shortcodes but it will still contain content when the page is exhibited on the site?”You may be intrigued by this question. The reason is that you decided on Blog in above-mentioned Posts Page section. In this case, it takes all the latest blog posts originating from Posts in Admin Panel.

2. Blog 2 Columns Page

Two shortcodes used to create this page are Row and Noo Blog Masonry

Noo Blog Masonry settings:
Categories: Select shown post categories in the drop-down list
Title: Enter a title here
Order By: This option handles the display order of posts based on one of the criteria like Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Posts Per Page: This option places a limit on the number of posts shown on the page
Columns: The number of shown columns fluctuate between 1 and 4
Excerpt Length: The number you enter here is equal to the number of words included in an excerpt

Members Page

There are two shortcodes which contribute to generation of Members Page. They are Row and Noo Member

Noo Member settings
Title: Enter a title here
Description: Give a short description
Categories: Choose shown Team categories in the drop-down list
Order By: This option handles the display order of members based on some criteria like Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Limited Team Member: This option places a limit on the number shown members

Row settings

Home Revolution Page

Here are images of shortcodes used to create Home Revolution Page

1. Red Row 1

♣ It has a Row shortcode whose style is one column
♣ The column contains a Revolution Slider shortcode

Row settings

2. Red Row 2

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Events List shortcode 4. Noo Events List

Row settings

3. Red Row 3

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Events Grid shortcode 5. Noo Events Grid

Row settings

4. Red Row 4

♣ It has a Row shortcode whose style is one column
♣ The column includes a Noo Featured Albums shortcode 6. Noo Featured Albums

Row settings

5. Red Row 5

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo News Blog shortcode 7. Noo News Blog

Row settings

6. Red Row 6

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Line shortcode 9. Noo Line

7. Red Row 7

♣ It has a Row shortcode whose style is 3 columns
♣ Each column contains a Noo Services shortcode 8. Noo Services

Row settings

Home Image

1Here are images of shortcodes used to create Home Image page

1. Red Row 1

♣It has a Row shortcode whose style is one column
The column contains a Noo Countdown shortcode 3. Noo Countdown

Row settings

2. Red Row 2

♣ it has a Row shortcode whose style is one column
♣ The column contains a Noo Events List 4. Noo Events List

Row settings

3. Red Row 3

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Featured Albums 6. Noo Featured Albums

Row settings

4. Red Row 4

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo News Blog 7. Noo News Blog

Row settings

5. Red Row 5

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Line shortcode 9. Noo Line

6. Red Row 6

♣ It has a Row shortcode whose style is 3 columns
Each column contains a Noo Services shortcode 8. Noo Services

Row settings

Home Video

Here are images of shortcodes used to create Home Video Page

1. Red Row 1

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Countdown shortcode 3. Noo Countdown

Row settings

2. Red Row 2

It has a Row shortcode whose style is one column.
The column contains a Noo Events List
Title: Enter a title here
Description: Give a short description
Categories Events: Select shown Event Categories in the drop-down list
Show Type: Select Event type that will be displayed
Order By: This option handles the display order of events based on criteria such as Recent Post First, Older Post First, Start Date, Title Alphabet or Title Reversed Alphabet
Limited: This one places a limit on the number of events shown on slider
Button name: Give a name to the button
Button Link: Enter Link of the button here

Row settings

3. Red Row 3

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Events Grid 5. Noo Events Grid

Row settings

4. Red Row 4

♣It has a Row shortcode whose style is one column
♣ The column comprises a Noo Featured Albums 6. Noo Featured Albums

Row settings

5. Red Row 5

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo News Blog 7. Noo News Blog

Row settings

6. Red Row 6

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Line shortcode 9. Noo Line

Row settings

7. Red Row 7

♣ It has a Row shortcode whose style is 3 columns
♣ Each column contains a Noo Service shortcode 8. Noo Services

Row settings

Home Page

Here are images of shortcodes used to create Home Page

1. Red Row 1

It has a Row shortcode whose style is one column
The column comprises a Noo Countdown shortcode
General options:
Choose Date: The date on which countdown will end
Title: Enter a title here
Button name: Give a name to the button
Button Link: Enter link of the button
Description: Give a short description here
Design options:
Background Style: There are 3 kinds of background. They are Parallax, Slider and Video Youtube.
If your interest is Parallax, you will have an extra option of uploading an image
If you select the second style, Slider, you will have a further option of uploading sliders
Overlay: Choose a color that will cover the whole background
If your choice is Video Youtube, you will have some further options like
Youtube Link: Enter a youtube link here
Auto mute: Choose On or Off
Background Youtube: because Jquery Youtube is not supported on mobile, you will need to upload an image for mobile
Height Style: Full Screen or Custom Height. If it is Custom Height, you will have an extra option, Import Height, to set up height.

Row settings

2. Red Row 2

It has a Row shortcode whose style is one column
The column contains a Noo Events List
Title: Enter a title here
Description: Give a short description here
Categories Events: Choose shown Event Categories in the drop-down list
Show Type: Choose a type of event that will be displayed. The type can be Upcoming or Past
Order By: This option determines display order of events based on Recent Post First, Older Post First, Start Date, Title Alphabet or Title Reversed Alphabet.
Limited: The maximum number of posts is displayed
Button Name: Give a name to the button here
Button Link: Enter link of the button

Row settings

3. Red Row 3

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Events Grid
Choose Icon: Click the arrow to choose an icon in the drop-down list
Title: Enter a title
Description: Give a short description
Categories Events: Choose shown Event Categories here
Order By: This option handles the order display of events based on Recent First, Older First, Title Alphabet and Title Reversed Alphabet.
Limited: The number of events is shown per page

Row settings

4. Noo Featured Albums

♣ It has a Row shortcode whose style is one column
♣ The column comprises a Noo Featured Albums
Choose Icon: Click the arrow to choose an icon in the drop-down list
Title: Enter a title here
Description: Give a short description
Order By: This option handles the display order of events based on Recent First, Older First, Title Alphabet, Title Reversed Alphabet or Random
Limited: The number of events is shown per page

Row settings

5. Noo News Blog

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo News Blog
Choose icon: Click the arrow to select an icon in the drop-down list
Title: Enter a title here
Description: Give a short description
Data Source: Choose a source whose blog news is shown
Categories: Choose shown categories in the drop-down list
Order by: This option handles the display order of news based on Recent First, Older First, Title Alphabet and Title Reversed Alphabet
Posts Per Page: The number of posts is shown per page
Excerpt Length: The number you enter here is equal to the number of texts included in an excerpt

Row settings

6. Red Row 6

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Line shortcode
This one only has one option which allows you to select an icon in the drop-down list

Row settings

7. Red Row 7

♣ It has a Row shortcode whose style is 3 columns
♣ Each column contains a Noo Services shortcode
Choose Icon: Select an icon in the drop-down list
Title: Enter a title here
Description: Give a short description here

Row settings

Assign Blog Page

How to assign a page as blog page

Step 1: Navigate to Pages => Create New Page.
Step 2: Enter a new name for your page, then find the Page Attributes box on right side.
Step 3: Select the Default page template from dropdown list.
Step 4: Click “Publish” to save the page
Step 5: To set the page as your post page, navigate to Settings => Reading and select your blog page name for the Posts Page. All your posts will be automatically displayed on the page. You can set number of posts per page in Reading Settings, too.

Blog Post Setting

Global Setting

Body Custom CSS Class: Add a custom CSS class to the <body> element. Separate class names with a space.
Page Layout: You can choose Layout of Single Post page, includes Full Width. With Right Sidebar and With Left Sidebar style.

Post Format Setting

Gallery Settings: When selecting Gallery Format, you will have Gallery Setting meta-box to add as many images as you want into your gallery and manage your preview content as Featured Image, First Image on Gallery or Image Slideshow.
Image Settings: When you selecting Image Format for you post, you will have Image Settings meta-box to choose main image of the post. Set Feature Image as main image for preview content or Choose Your Image if you want to set another image as main image for preview content.
Video Settings: When selecting Video Format, you will have Video Setting meta-box where you can add video URL, and embedded video code, aspect ratio and preview content as Featured Image, Video or Featured Image as Video Thumbnail.
Quote Settings: When selecting Quote Format, you will have Quote Setting meta-box where you can add quote and citation.

Create New Post

Follow these steps below to create a blog post:

Step 1: In your Admin Panel, go to Post and navigate to Add New.
Step 2: Enter your title and choose Post Format from Format box on the right side which shows different post format options: Standard, Image, Gallery and Video.
Step 3: Add your post content in editing field. You can use our shortcode to build your content where needed.
Step 4: Add Categories for the post from the Categories box on the right side. You can add new category or choose from existing categories. Check the box to select Categories for your post. Add relevant Tags for your post in the Tags box, set Featured image on the right side and other setting from the sections below Editing field.

If you need detailed guide about post settings in WordPress, please find in WordPress Codex.

Step 5: All done, click Publish to publish your post.

Create Contact page

If you want to create Contact page as in our demo, create a new page (You can enter title: Contact Us), add 2 columns then add Contact Form 7 shortcode and add Text Block shortcode with Custom HTML in each column:

<ul class=”contact-info”>

            <li><span class=”contact-title”>VENUES</span><i class=”fa fa-map-marker”> </i>69 South Park Avenue San Francisco, CA 14782 USA</li>

            <li><span class=”contact-title”>TELEPHONE</span><i class=”fa fa-envelope-o”> </i>[email protected]</li>

            <li><span class=”contact-title”>EMAIL</span><i class=”fa fa-phone”> </i>(00) 123 456 789</li>

            <li><span class=”contact-title”>WEBSITE</span><i class=”fa fa-globe”> </i><a href=”#”>www.companyname.com</a></li>

</ul>

Page Settings

We have created some specific Wemusic page settings which will help you to build splendid pages for your site. Following the list of options below to see how they work:

Body Custom CSS Class: Add custom CSS class to <body> elements.
Hide Page Title: If you checked, page title won’t be displayed on header of your page.
Heading Background Image: This option allows you to select a unique heading image for your page.

Page Templates

We have built some specific Wemusic page templates for you. Here is the list and their short description:

Default Template: The default template can be used for any page. You can customize and add shortcode to build Homepage, Contact, Blog…
Full- width Template: This template is set to be full-width that can be used for Homepage, About page….
Page with Left Sidebar: You can have your page with left sidebar with this template. Use this template for your blog or whichever page you want to have sidebar. Select Page sidebar to display in sidebar position in Sidebar box.
Page with Right Sidebar: Also with sidebar but the right one, and of course, its use is quite the same. Choose this template for your blog whichever page you want to have sidebar. Select Page sidebar to display in sidebar position in Sidebar box.

Create New Page

Please follow these steps to create your pages:

Step 1: In Admin Panel, choose Page, click “Add New” on top then enter your page title. You can custom slug of the page in Permalink field appeared after entering title.

If you need to know more about Pages in WordPress, use the Help tab in the upper right of your screen.

Step 2: In Page Attributes box on the right side, choose your Parent page. It is set by default as no parent. Pages are usually ordered alphabetically, but you can choose your own order by entering a number in Order field.
Step 3: Also in Page Attributes box, choose your Page Template in dropdown list. See below Page Template list for more detail.
Step 4: Start editing your page content in the editing field. You can choose to edit your content using Visual or Text editor. To build content for you page you will need to our provided Shortcodes.
Step 5: Make other settings for the page in meta-boxes under editing field. Once you get your settings done, click Publish your page.

Here is screenshot that shows you the various areas and description of the page settings described above:

Right To Left

This option is beneficial to some nations in which texts are displayed from right to left. With clicking on Switch RTL button on top of the site, texts will be shown from Right To Left

Add Footer Widgets

Step 1: From Admin panel, navigate to Customizer => Footer, set the footer column number from dropdown list. Number of columns can be from 1 to 4. You also can select None to leave it blank (no footer content).
Step 2: To add widgets into footer, you can opt to add in Customizer => Widgets tab directly or come back to Admin panel => Appearance => Widgets
Step 3: In Customizer => Widget, you will see number of Noo – Footer column #i tab corresponding to number of columns you select in step 1. In each tab, hit Add a Widget button and choose Widget from widget list.

If you add widget in Appearance => Widgets, you will see Noo – Footer Column #i widget section on the right hand side. Your widgets are located on the left hand side. Simply drag and drop the widgets you want from the left side into the sliding bar widget sections on the right side.

Step 4: Don’t forget to save changes after you customize any widget in footer.

Widget Sidebar

Widgets are frequently used to create sidebar or footer. Beside default WordPress widgets, Medicus added some sidebar widgets. To view all Widgets, navigate to Appearance => Widgets. You can drag and drop widgets from left sidebar list into footer columns or sidebars as you want. Here is the list of

Wemusic Custom Widget you may want to use to have sidebar and footer like in our demo site.

Noo Counter Social

This widget is used to count the number of customers subscribing you on social.

Noo Most View

Use this widget if you want to show all post which is most viewed by viewer.

Noo Information

This widget is used to show your contact information.

Noo Social

Use this widget if you want to show list social on footer position.

Noo Request Information

This widget is used to show Request information form on events page.

Noo Mail Chimps

This widget will help you to add subscribe form. It can be displayed on Footer of page.

Create Sidebar

Wemusic allows you to create an unlimited number of sidebar. Each page or post can come with unique sidebar.
To select a sidebar for post or page, make sure you set page template with sidebar then you can choose a sidebar you want to display from Sidebar dropdown list on the right side. You may need to create several separate sidebars to use for different pages and posts. Follow these steps to generate a sidebar and add widgets to it.

Step 1: Navigate to Appearance => Sidebar Generator and click the Add New button, enter sidebar title then save. You can add as many sidebars as you need.
Step 2: Once you are done, you need to add Widgets to the sidebar you just created.
Step 3: Navigate to Appearance => Widgets and find your sidebar on the right side.
Step 4: On the left hand side you will see all the widgets you can use, simply drag and drop the widget you want into your sidebar on the right hand site.
Step 5: Make sure you click Save to save the widgets added to your sidebar.

Sidebars&Widgets

Sidebars & Widgets

Wemusic allows you to create an unlimited number of sidebar. Each page or post can come with a unique sidebar. To select a sidebar for post or page, make sure you set page template with sidebar then you can choose a sidebar you want to display from Sidebar dropdown list on the right side. You may need to create several separate sidebars to use for different pages and posts. Follow these steps to generate a sidebar and add widgets to it.

Create a Sidebar

Step 1: Navigate to Appearance–> Sidebar Generator and click the Add New button, enter sidebar title then save. You can add as many sidebars as you need.
Step 2: Once you are done, you need to add Widgets to the sidebar you just created.
Step 3: Navigate to Appearance–> Widgets and find your sidebar on the right side.
Step 4: On the left hand side you will see all the widgets you can use, simply drag and drop the widget you want into your sidebar on the right hand site.
Step 5: Make sure you click Save to save the widgets added to your sidebar

Add Widgets To A Sidebar

You can add any widget and any number of widgets to your sidebar. All widgets are accessible from Appearance–>Widgets and easily dragged and dropped to your sidebar.
Step 1: Navigate to Appearance–> Widgets to access the list of widgets and widget section that they can be added. The left hand side shows all the widgets you can use. The right hand side shows all different sections you can add widgets to.
Step 2: Simply drag and drop the widget you want into the widgets section you want the right hand side.
Step 3: Don’t forget to click save changes after you customize any widget in sidebar.

The image above illustrates Blog Sidebar

Drag Noo Counter Social, Categories, Noo Album Most View In Month, Noo Post Most View, Noo Recent News and Tag Cloud widgets on the right side to this sidebar

The Events Calendar

The Event Calendar Setting

To see all settings of Event Calendar plugin, please navigate to Events => Settings you will see General/ Display/ Default Content/ Additional Fields/ Licenses/ and Help tab. Please see this guide below to understand all settings:

General Tab

General Settings

Number of events to show per page: You can enter the number of events which are shown per page.
Use Javascript to control date filtering: If checked, enable live ajax for date-picker on frontend.
Recurring event instances: If checked, show only the first instance of each recurring event (only affects list-style views).
Front-end recurring event instances toggle: Allow users to decide whether to show all instances of a recurring event.
Clean up recurring events after: Enter the number of months you want to automatically remove recurring event instances older than this.
Create recurring events in advance for: Recurring events will be created this far in advance.
Show comments: If checked, you can enable comments on event pages.
Include events in main blog loop: If checked, you can show events with the site’s other post. When this box is checked, events will also continue to appear on the default events page.
Events URL slug: Enter the slug here. The slug used for building the events URL.
Single event URL slug: Enter the slug here. The slug used for building the events URL.
End of day cutoff: Select a time from dropdown list after that event’s end to avoid showing the event on the next day’s calendar.
Default currency symbol: Set the default currency symbol for event costs. Note that this only impacts future events and changes made will not apply retroactively.
Currency symbol follows value: Enable this option positions the symbol after the value.

Map Settings

This section allows you to configure all options of Map.

Enable Google Map: If checked, enable maps for events and venues.
Map view search distance limit: Set the distance that the location search covers.
Map view distance unit: Select unit which map distance is shown. You can choose Miles or Kilometers.
Fix geolocation data: You have 1 venues for which we don’t have geolocation data. We need to use the Google Map API to get that information. Doing this may take a while.
Google Map default zoom level: Enter the number that Google Maps zoom

Display Settings

The settings below control display of your calendar.

Basic Template Settings

Default stylesheet used for events templates: You can choose stylesheet for your events templates. Including Skeleton Styles (Only includes enough css to achieve complex layouts like calendar and week view), Full Styles (More detailed styling, tries to grab styles from your theme).
Events Template: Choose a page template to control the appearance of your calendar and event content.
Enable event views: That includes List, Month, Week, Day, Map and Photo. You must select at least one view.
Default view: Select View as default view from drop down list.
Disable the Event Search Bar: If checked you can use the classic header.
Hide location search: Removes location search field from the events bar on all views except for map view.
Hide related events: Remove related events from the single event view.
Month view events per day: Enter the number that allows more than the default 3 events per day in month view.

Date Format Settings

In this section you can enter the format to use for displaying dates with the year/ the month/ or the day.

Default Content

Choose the default venue & organizer. Set default address information to save time when entering a new venue or organizer. You can override these settings as you enter a new event.

Create A New Event

In Wemusic theme, we use The Events Calendar plugin which will help you to create events, present event listing and event calendar. You can show your events calendar in grid layout, list or day by day. You can set the default view and optional views that visitors can choose from dropdown list and many more available event settings.

To create a new event, please follow these steps:

Step 1: Go to Dashboardà Navigate to Events => Add New Event
Step 2: Enter title and description for event
Step 3: Choose Event Categories, Event Options and set Featured Image for event. You can upload some image for Event Gallery, too.
Step 4: Scroll down your mouse you will see more field of event information including Event Time & Date, Location, Organizer and Website. Please fill out those information.
Step 5: Add tickets by adding new ticket button which customers can buy ticket to join event.
Step 6: All done, click “Publish” to publish event.

Theme Customizer

Import/ Export Settings

All themes of NooTheme share the same theme settings structure so that you can export then import setting from one theme to another one conveniently.

Import Settings: Click Upload button then choose a JSON file (.json) from your computer to import setting to this theme. All the settings will be loaded for preview here and will not be saved until you click button “Save and Publish”.
Export Setting: Simply click Download button to export all your settings to a JSON file (.json). You then can use that file to restore theme settings to any theme of NooTheme.

Custom Code

In this section you can add custom JavaScript and CSS to your site. You Google analytics tracking code should be added to Custom JavaScript field.

WooCommerce

1. Shop Page

Shop Layout: Shop page is also an ideal place to incorporate sidebar. Opt With Right Sidebar or With Left Sidebar to achieve this and as usual, Full-Width makes display of the sidebar inactive.
Shop Sidebar: select a sidebar that exists on the Shop page
Heading Background Image: Remove or change the image
Products per page: The number of products is displayed on each page

2. Single Product

Product Layout: Tick Same As Shop Layout box if you want the Single Product Pages to have the same layout as Shop Page
Related Products Count: The number entered here is equal to the number of related products shown per single product pages

Album

Upload Image Heading: Upload a heading image shown on Albums Page
Enable Footer Player: There are three options which are Enable on all pages (the player will be shown on all pages), Only Enable on Single Album (the player will be displayed on Single Album Page) and No Player (the Player will not be shown on any pages). If you are partial to the first option, you will have a further option to select default album for player.

Event

Upload Image Heading: Upload a heading image shown on Events page
Event layout: Pick a layout in the drop-down list. It can be Right Sidebar or Left Sidebar.

Blog

Making some changes in this section will have some impacts on Post list and each post on Blog page

1. Post list

Blog Layout: The layout of Post list is Full-width , With Right Sidebar or With Left Side bar. Choose the first style if you do not want sidebar to be displayed on Blog page. In contrast, the last ones will let sidebar be shown on the page
Blog Sidebar: choose a sidebar that will be shown on Blog page
Heading Background Image: Upload an image that will be background image shown on Blog page
Excerpt Length: Excerpt is a short paragraph or an extract taken from the blog post. The number you enter here is corresponding to the number of words included in this excerpt.
Show Readmore Link/ Post Meta: Tick boxes to show these items
Excerpt Length: The number you enter here is equal to the number of words included in an excerpt

2. Single Post

Post layout: Single Post can have the same layout as Post List
Show Post Meta/ Show Post Tags/ Show Author`s Bio: Check these box to show the corresponding items
Enable Social Sharing: Turn this button on to enable social sharing. Then you can choose social media via which single posts can be shared

Widgets

This section enables you to customize Widgets situated in Footer. Besides, you can also add widgets to Noo Footer Bottom and Noo-Footer Column #.

Footer

Upload your footer: Upload a background image of Footer
Footer Column: Choose the number of columns shown on Footer
Footer bottom: Choose Hide or Show footer bottom
Footer Content: Add content to the footer bottom

Header

1. Navigation Bar

NavBar Position: Position of NavBar includes Static Top, Fix When Scroll To Top and Fixed Top. Static Top, in this case, the NavBar does not move. It means that when you scroll down on the page and let the mouse pass the NavBar, you will not see the NavBar displayed on top. However, Fixed Top will allow you to see the NavBar when you scroll down the mouse. Meanwhile, Fix When Scroll To Top will allow you to see the NavBar when you scroll the mouse to the top.
Show Shopping Cart: Turn this button on so that this button can be shown on navigation bar
NavBar Link Spacing: You can change NavBar Link Spacing here
Use Custom NavBar Font and Color: Turn on this button to change NavBar Font and Color. Then you can change NavBar Font, Font Size, Link Color, Link Hover Color.
Transform to Uppercase: Tick this box so that Header font will transform into Uppercase.

2. Logo

Wemusic allows you to add image file or use text for logo. If turning off Use image for Logo button, you will have options to enter your site name, select logo font from Google font, font size, font color, uppercase for text logo. If turning on this button then you can upload an image and change its height.

3. NavBar Alignment

In this sections, you will have options to change NavBar Height, NavBar Link Spacing and Mobile Icon Size

Typography

You can customize your Typography settings here. Wemusic integrated all Google Fonts. See font preview at Google Fonts

Use Custom Fonts and Custom Font Color: Turn these buttons on so that you can make changes to heading font and font color

1. Headings

Headings font: Choose a font in the drop-down list
Font color: Select a color for headings
Transform to Uppercase: Tick this box so that headings such as <h1><h2><h3> will be in uppercase

2. Body

Here you can adjust font, font size and font color of body

Design and Layout

1. Site Layout

You can set Style & Layout for your site. Wemusic is equipped with two layout styles including: Boxed Layout and Fullwidth layout.

If you select Boxed Layout, you will have further options:
Site Width, Site Max Width: these options handle width of the site
Background color, Background Image: If you opt yellow for background, background of your site will be filled with this color. However, when you set up background image, background of the site will be replaced with a new image.
Background repeat: Background Repeat will work effectively if you use patterned background image. When you let the image repeated, its copies will cover the whole background.
Background image attachment: There are two types that are Fixed image and Scroll with site. Fixed image means that when you scroll down on the page, you will still see the background image. Yet Scroll with site does not allow you to do this.
Auto Resize: if you turn on the button, image will appear in the whole background area. Yet, turning off this button will make background image be displayed only in a part of one side. Position of background image in this case may be left top, left center, left bottom, center top, center center, etc of the side. It depends on your choice in Background Image Alignment box.

Theme Style: There are two styles that are Dark and Light. Name of these styles indicates that when you choose Dark, some sections on your site will turn dark and vice versa.

2. Color

You can select primary color for links and various elements of your site

Site Enhancement

Back To Top Button: Back To Top Button will appear in the right bottom when users scroll down. Enable/Disable as your preference.

Enable Page Heading: Page Heading will appear on the header of page. When you enable this option, you will have header background image on blog page, shop page or another page…

Enable Mailchimp subscribe: Turn off this button, Mailchimp subscribe part in Footer will disappear. If you turn on it then you will have an extra option, Mailchimp settings, to enter API key.

Learn more about making Mailchimp be shown in Footer

http://nootheme.com/knowledge-base/what-should-i-do-to-make-mailchimp-be-shown-in-footer/

Customizer

Our Theme customizer works as the original WordPress customizer feature but be much more versatile. All our theme options can be changed in our Customizer on the left side and live previewed instantly on right side. With this intuitive interface, you can customize your website as you wish at your fingertips without writing a line of code.

To start using Customizer in Admin Panel, navigate to Customizer, you will be redirected to a live preview screen where you can change options on left side and preview your site on right side promptly. All your change will not be committed and viewed on your site until you click Save & Publish on top right of Customizer bar. You also are able to Export your setting in Customizer and Import to apply for other sites.

Site Enhancement

Custom Favicon: A favicon is a simple square image viewable in browsers for users to identify your website among many tabs. Ideally, it should be a 32×32 pixels or a 16×16 pixels. Most modern browsers can display a favicon in PNG format but older versions of Internet Explorer may not. To make sure your favicon be shown nicely, it is recommended to be in .ico format. Add your favicon in our customizer simply by clicking “Open Library” button in “Custom Favicon”, selecting your existing image or uploading new image.
Enable Page Heading: Page Heading will appear on the header of page. When you Enable this option, you will have header background image on blog-page, department-page, doctor-page.
Enable Breadcrumbs: Breadcrumbs will appear below header title of page. Enable/Disable as your preference.
Enable MailChimp Settings: This option allows you to turn on MailChimp Subscribe. You need to add MailChimp API key to connect your account. To learn more about MailChimp API key you can go to HERE.

Design and Layout

Style Layout: This option will help you set Style & Layout for your site. We provide two layout styles, include: Boxed Layout and Fullwidth layout. With Boxed layout, you will have additional options for max site width, background color or image setting.
Color: This option allows you to set the color for links and various elements for your site.

Primary Color: you can change primary color by this option. There is table of color, which allows you to select color you want or enter your color code on box.

Typography

You can customize your Typography settings here. Wemusic integrated all Google Fonts. See font preview at Google Fonts.

Custom Fonts: Enable Custom Fonts to customize font, font size and other settings for heading and body text.
Custom Font Color: Enable Custom Font Color to customize font color of heading and body.
Headings: If checked on Transform to Uppercase, you will have heading <h1> <h2> <h3> which is uppercase type.
Body: You can change font size of body by selecting font size from dropdown list.

Header

Customize settings for Heading including Navigation Bar, Logo and NavBar Alignment.

Navigation Bar

This section adjusts settings for Navigation Bar. You also can customize some settings for the Toggle Button on Mobile in this section.

NavBar Position: This option allows you to select type of NavBar, including Static Top or Fixed Top.
Show Shopping Cart: This option allows you turn on/off shopping cart button on the main menu.
Use Custom NavBar Font and color: If On, you can change font, font size, link color and link hover color for header font. If you click on Transform to Uppercase checkbox the NavBar will transform Uppercase.

Logo

Wemusic allows to add image file or use text for logo. You will see button to turn On/Off Use Image for Logo.

If Off, you will have option to enter your site name, select logo font from Google font, font size and color for your logo.

If On, you will have two logo images to upload. The first one is for standard desktop while the second one is for retina ready devices (optional). Click the Upload button and select your logo file. Upload your logo image and retina one (a larger image, with double the amount of pixels that your image will be displayed at). Enter your image height you want to display on navigation bar and we will do the calculation part for you to make it look great on all screen size.

NavBar Alignment

Adjust height of navigation bar, space between links and size of mobile navigation button.

Footer

Footer contains Widgetized area and Footer Bottom. You can change any parts.

Upload Your Footer: You can upload one image from Media Library or your computer for footer.
Footer Columns (Widgetized): This option allows to set the footer column number from drop-down list. Number of columns can be from 1 to 4. You also can select None to leave it blank (no footer content).
Footer bottom: You can turn on/off footer bottom for your site.
Footer Content (HTML): Enter your content for Top Footer. You need to add content by Custom HTML content.

Widgets

This section enables you to add and customize Widgets on you preview site. It includes number of Footer Columns due to setting in above section: Footer settings.

Footer Column #i: You will see number of footer columns corresponding to footer settings. Add text, image or other widget by hitting Add a Widget button.

Blog

Post List

Choose layout settings for your Post List.

Blog Layout: It can be full-width, with right sidebar and with left sidebar. If you choose layout with sidebar, select blog sidebar for your blog page.
Blog sidebar: Choose sidebar for your blog page.
Heading Background Image: You will have background image of blog page if you click “Select Image” button then select image from Library or choosing from your computer.
Show Post Meta: Check the box to show post me-ta of blog page.
Show Read-more link: Check the box to show read more link.
Excerpt Length: The number of character displayed on post selection.

Single Post

Post Layout: Choose Post layout same as blog layout by checking the boxes beside options or uncheck to choose another layout.
Show Post Meta: If checked, post me-ta will display on each post. Similarly, you can choose show/hide post tags and author’s bio.
Enable Social Sharing: Enable/Disable Social Sharing. If enable, you enable visitor to share your post by Facebook, Twitter, Google+, Pinterest and LinkedIn.

Event

This section will help you set up all settings for Event page.

Upload Image heading: You will have header image of event page if you click “Select Image” button then select image from Library or choosing from your computer.

Album

This section will help you set up image heading and choose Footer player. You will have three options here:

Enable on all pages: If you check this box then you will have footer player displayed on all the pages
Only Enable on Single Album: If this box is ticked then footer player will be shown on Single Album page
No Player: If this box is checked, footer player will be not displayed in any pages

Woocommerce

Shop Page

This section provides some options which will help you to choose Layout and Headline settings for your Shop page.

Shop Layout: You can choose different layout for Shop page, including Full-Width, With Right Sidebar or With Left Sidebar. If you choose layout with sidebar, select shop sidebar for your shop.
Heading Background Image: You can choose Heading Background of Shop page by clicking “Select Image” button and then enter title for Shop page.
Products Per Page: You can set number of products displayed per page. Limited on 4 to 50 products.

Single Product

Same as with Shop Layout you can choose Layout for Single Product. Besides that, you can enter number of Related Products Count.

Custom Code

In this section you can add custom JavaScript and CSS to your site. You Google analytics tracking code should be added to Custom JavaScript field.

Import/Export Setting

All themes from NooTheme share the same theme settings structure so you can export then import setting from one theme to another conveniently without any problem.

Import Settings: Click Upload button then choose a JSON file (.json) from your computer to import setting to this theme. All the settings will be loaded for preview here and will not be saved until you click button “Save and Publish”.
Export Setting: Simply click Download button to export all your settings to a JSON file (.json). You then can use that file to restore theme settings to any theme of NooTheme.

Wemusic Shortcode

Visual Composer

Visual composer is a drag and drop frontend and backend page builder plugin that equips you with more than 40 elements (also called shortcodes) to design your page with ease. In addition to these predefined elements, Wemusic has 10 extra ones helping you to create many desirable pages. To generate the shortcodes, go to Backend Editor, click the “+” icon to add shortcode. Navigate to Wemusic tab to find a shortcode you want to use. You can add those shortcodes to any pages or posts for your own use.

Note: In some cases, when you add an element and edit it, you should edit Row settings at the same time.

♣ Row settings includes:
• General:
Using Container: if you check this box, container`s width will be 1170px.
Row stretch: In our demo, we set Default in this section. Besides Default, you can select Stretch row, Stretch row and content, stretch row and content (no paddings). If opting these ones, the whole content in Red row 2 will disappear when it is shown on the site.
Full height row: when you tick this box, row will be set to full height.
Use video background: If this box is checked, video will be used as row background.
Parallax: There are three options for you:
None: image without parallax effect
Simple: image with parallax effect. It means that the image will move when you let the mouse scroll on it
With fade: image with parallax effect but move effect of the image is not as clear as that of Simple style.
Note: Two options Use video background (tick this box) and Parallax (Simple and With fade) will avail in some cases. For example, if font color is white and you do not use video background or Simple/ With Fade Parallax then visitors of you site may find it difficult to read white words and phrases. You know, white words on white background. No one can figure out those words in this case!

• Design Options:
CSS box: you can change width of padding, border and margin here
Background color: opt color for background here. Below background color section, you will have an option to upload the background image and opt styles of background image: theme default, cover, contain, no repeat and repeat.
Cover: Scale the background image to be as large as possible so that the background area will be completely covered by the background image. Some parts of the background image may not be in view within the background positioning area.
Contain: Scale the image to the largest size such that both its width and its height can fit inside the content area.
No repeat: Size of the image will not change when it is placed in background area.
Repeat: Size of the image will also be as same as that of the original one; however, then many replicates of this image will be established in

1. Noo Blog Masonry

This one is used to create Blog 2 Columns Page
Categories: Select shown post categories in the drop-down list
Title: Enter a title here
Order By: This option handles the display order of posts based on one of the criteria like Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Posts Per Page: This option places a limit on the number of posts shown on the page
Columns: The number of shown columns fluctuate between 1 and 4
Excerpt Length: The number you enter here is equal to the number of words included in an excerpt

2. Album Masonry

This one is used to create Albums Page
Products Per Page: The number of products is shown per page
Order By: This option handles the display order of albums based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet

3. Noo Countdown

It is one of the shortcodes used to create Home Page, Home Image Page and Home Video Page

General options:
Choose Date: The date on which countdown will end
Title: Enter a title here
Button name: Give a name to the button
Button Link: Enter link of the button
Description: Give a short description here
Design options:
Background Style: There are 3 kinds of background. They are Parallax, Slider and Video Youtube.
If your interest is Parallax, you will have an extra option of uploading an image
If you select the second style, Slider, you will have a further option of uploading sliders
Overlay: Choose a color that will cover the whole background
If your choice is Video Youtube, you will have some further options like
Youtube Link: Enter a youtube link here
Auto mute: Choose On or Off
Background Youtube: because Jquery Youtube is not supported on mobile, you will need to upload an image for mobile
Height Style: Full Screen or Custom Height. If it is Custom Height, you will have an extra option, Import Height, to set up height.

4. Noo Events List

This shortcode is used in building Home page, Home revolution page, Home Image and Home Video Page
Title: Enter a title here
Description: Give a short description here
Categories Events: Choose shown Event Categories in the drop-down list
Show Type: Choose a type of event that will be displayed. The type can be Upcoming or Past
Order By: This option determines display order of events based on Recent Post First, Older Post First, Start Date, Title Alphabet or Title Reversed Alphabet.
Limited: The maximum number of posts is displayed
Button Name: Give a name to the button here
Button Link: Enter link of the button

5. Noo Events Grid

This one contributes to generation of Home Page, Home revolution page and Home Video page
Choose Icon: Click the arrow to choose an icon in the drop-down list
Title: Enter a title
Description: Give a short description
Categories Events: Choose shown Event Categories here
Order By: This option handles the order display of events based on Recent First, Older First, Title Alphabet and Title Reversed Alphabet.
Limited: The number of events is shown per page

6. Noo Featured Albums

It is one of the shortcodes used to create Home, Home Video, Home Image and Home Revolution Page
Choose Icon: Click the arrow to choose an icon in the drop-down list
Title: Enter a title here
Description: Give a short description
Order By: This option handles the display order of events based on Recent First, Older First, Title Alphabet, Title Reversed Alphabet or Random
Limited: The number of events is shown per page

7. Noo News Blog

This one is used in creating Home, Home Video, Home Image and Home Revolution Page
Choose icon: Click the arrow to select an icon in the drop-down list
Title: Enter a title here
Description: Give a short description
Data Source: Choose a source whose blog news is shown
Categories: Choose shown categories in the drop-down list
Order by: This option handles the display order of news based on Recent First, Older First, Title Alphabet and Title Reversed Alphabet
Posts Per Page: The number of posts is shown per page
Excerpt Length: The number you enter here is equal to the number of texts included in an excerpt

8. Noo Services

This one is used to build Home, Home Video, Home Image and Home Revolution Page

9. Noo Line

Noo Line is one of the shortcodes used to create Home, Home Image, Home Video and Home Revolution Page
This one only has one option which allows you to select an icon in the drop-down list

10. Noo Team/ Noo Member

This one is used to create Members Page
Title: Enter a title here
Description: Give a short description
Categories: Choose shown Team categories in the drop-down list
Order By: This option handles the display order of members based on some criteria like Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Limited Team Member: This option places a limit on the number shown members

Shortcode

Instead of writing lines of code to build elements, we built Wemusic with number of premade shortcodes that enable you to create many elements you see in our demo in fingertips. By installing Visual Composer (the page builder plugin integrated in the theme package), you will have the Visual Backend Editor where every shortcodes are displayed visually before your eyes and easily generated in several clicks. In addition to Default Visual Composer shortcodes, Wemusic comes with 6 specific shortcodes. To generate the shortcodes, go to Backend Editor, click the “+” icon to add shortcode. Navigate to Wemusic tab to find a shortcode you want to use. You can add those shortcode to any pages or posts for your own use.

There are 12 custom Wemusic Shortcodes. Below are list 12 shortcodes and their attributes:

Noo Blog Masonry

Use this shortcode if you want to build Blog Masonry page.

Detail options

Categories: Select categories of which blog posts will be displayed on blog page.
Title: Enter text which will be used as element title. Leave blank if no title is needed.
Order By: This option will help you arrange your posts following different order criteria including Recent First, Older First, Title Alphabet, and Title Reversed Alphabet.
Post per page: This option allows you to choose the number of post will be displayed per page.
Columns: Number of post columns. The column attribute controls the width of columns should be displayed on Blog Masonry page.
Excerpt Length: The number of characters displayed on post selection.

Noo Count Down

This shortcode allows you to have count down feature on slider of homepage.

Detail option:

General

Choose date: This option allows you to choose date when event arrives. You can choose one day from the calendar.
Title: Enter title of shortcode here.
Button name: Enter name of button.
Button Link: Enter link of button which visitor can click and see all information of event.
Description: You can enter the short description that describes your event.

Design options

Background Style: You can choose 3 background styles for shortcode that includes Parallax style, Slider style and Video You-tube

If choose Parallax style, please select your image by click “+” button to add your image.

If choose Slider, you still click “+” button to select some images for slider.

If choose Video You-tube, please enter You-tube video link to add video from You-tube.

Overlay: Choose overlay color from color table or enter code of color you want for box.
Height Style: Choose height style for shortcode including Full Screen and Custom Height. With Custom Height option, you need to input height on box.

Noo Events List

Use this shortcode if you want to display all event or one event category on page.

Detail option:

Title: Enter title for shortcode here.
Description: You can enter short description here.
Choose data: Choose event categories of which events will be displayed on your page.
Order By: This option will help you arrange your post following different order criteria including Recent First, Older First, Title Alphabetic and Title Reversed Alphabetic.
Limited: The maximum number of post will be displayed on slider.
Button name: Enter name of button.
Button Link: Enter link of button.

Noo Event Grid

Use this shortcode if you want to show all or one event category in grid style.

Detail option:

Choose icon: Select one icon for shortcode from list icon.
Title: Enter title here.
Description: Enter short description for shortcode.
Choose data: Choose event categories which events will be displayed on your page.

Noo News Blog

This shortcode will help you to get blog posts on page.

Detail option:

Choose icon: Select icon you want from list icon.
Title: Enter title of shortcode here.
Description: Enter short description for shortcode.
Data Source: That includes Category, Posts, and Tags.

If choose Category you can select categories that posts will be displayed on your page. Similarly with Tags.

If choose Posts, you need to enter title of posts on box to pick certain posts.

Order By: This option will help you arrange your post following different order criteria including Recent First, Older First, Title Alphabetic and Title Reversed Alphabetic.
Posts Per Page: This option allows you to choose the number of post will be displayed per page
Excerpt Length: The number of characters displayed on post selection.

Noo Line

This shortcode will help you to have a line on page.

Noo Services

Use this shortcode if you want to show list icon on page.

Detail option:

Choose icon: Select icon from list icon.
Title: Enter shortcode title here.
Description: Enter short description for shortcode.

Noo Team

Use this shortcode if you want to build Member page.

Title: Enter title here.
Description: Enter short description for shortcode.
Categories: Select categories which team member will be displayed on frontend.
Order By: This option will help you arrange your post following different order criteria including Recent First, Older First, Title Alphabetic and Title Reversed Alphabetic.
Limited Team Member: This option allows you to choose the number of team member will be displayed per page.

Album Masonry

This shortcode will help you to build Album Masonry page.

Detail option:

Product per page: This option allows you to set the number of albums which will be displayed per page.
Visibility: Select devices which albums will be displayed on your page. You can choose Show/Hide on PC/Tablet/Phone

Noo Featured Albums

This shortcode will help you to get all albums that will be displayed on Homepage.

Woocommerce

Create A New Product For Shop

When Woo Commerce is installed in your site, you are able to create online shop. Below this guide to create Product using Woo Commerce plugin.

Create A New Product For Shop

Step 1: Navigate to Product from WordPress admin sidebar.
Step 2: Click Add New to make new product. Create title and insert your product content in the editing field.
Step 3: Add Categories from right side. To assign it to the product, check the box next to the category name.
Step 4: Add Tags from the right side. Type the name of tags in the field.
Step 5: Select featured image for product from hitting button “Set featured images”. You can then select products images to add into Product Gallery.
Step 6: Scroll down your mouse, you will see Product Data option. Remember choose Product Data: Simple Product.
Step 7: Once you have finished, click “Publish” to save product.