Noor-Multipurpose WordPress Theme

Documentation


Install Your Theme


Before installing the theme, you need to install WordPress. Once you have installed WordPress and logged in to admin panel, you can install Noor-Multipurpose WordPress Theme.

Important!

Before using the theme, please follow an instruction below.

After you have installed WordPressa and if upload_max_filesize is 16 mb or more it is ok otherwise, find the htaccess file on your server, please open it and add (to the very end of the file) the following code:

				php_value post_max_size 16M
				php_value upload_max_filesize 16M
				php_value max_file_uploads 32M
				php_value max_input_vars 5000
			

Please make sure you do this BEFORE installing and activating the theme, if you are installing it via Admin panel, and always BEFORE uploading any demo content.

Note: On some servers you may not be able to alter the htaccess file. If you encounter an issue with this, please contact your hosting provider. Mostly these alterations are needed for Demo Content import.

There are two ways to install the theme

  1. Upload via WordPress admin panel.
  2. Upload via FTP directly to your server.

Once your theme is installed, you will be able to customize it by yourself from scratch, or use our Demo Content (see more about it in the relevant chapter).

1. Upload the theme using WordPress admin panel

After download you will find a file named Noor-Multipurpose-Theme.zip. extract it and there will be 2 file

To upload theme using WP admin panel, please proceed to Appearance > Themes.

Choose “Install theme”

Click “Browse” and choose the Noor theme archive on your computer, then click “Install Now”.

Important!

Please make sure you are not choosing the entire theme archive you have downloaded from Themebon, you should use only the theme archive - noor.zip.

Note: To perform the requested action, WordPress needs to access your web server, so when you'll get to uploading the theme, please enter your FTP credentials. If you do not remember your credentials, you should contact your web host.

Once the installation process is finished, click “Activate”.

2. Upload theme via FTP

To upload your theme to via FTP, you need to unzip noor.zip and copy all the files from “noor” folder to wp-content/themes/noor directly on the server (use only lower case letters!).

After you did that, Noor theme will be available for activation in WP admin panel: Appearance - Themes. Activate it by clicking “Activate”.
Note: before activating disable all your plugins.

For correct functionality, please, make sure that you consider all of the following:

  1. There are NO NESTED FOLDERS like:
    /wp-content/themes/noor/noor.
    A correct path will look like:
    /wp-content/themes/noor.
  2. You SHOULDN'T copy entire theme archive you have downloaded from Themebon (Noor-Multipurpose-Theme.zip)to your server - only unzipped noor.zip.
  3. DO NOT rename the theme on your server. Theme names like /wp-content/themes/noor1 or any other are INAPPROPRIATE. Please make sure the theme folder is called themes/noor.
  4. Use only lower case letters.

If you've faced an error in the process of theme activation, please, make sure you have followed our instructions carefully. Your server settings may restrict some theme features, so you can try contacting your hosting support for help. If the issue persists, disable all plugins and try again.

In any case, please feel free to contact our support guys, they will help you with theme installation or guide you on what the problem can be - themebon@gmail.com

Adding Plugins


Your theme archive comes with several plugins.

Important:
Also important:

if you are planning to upload Demo Content that comes in the theme archive, you need to INSTALL ALL PLUGINS!!!

Other plugins are alternative to use, but we do recommend also using the King Composer Page Builder (lets you create great layout without any coding).

Use WooCommerce plugin if you need to sell your products online.

After your theme is installed and activated, it will remind you about installing the required and recommended plugins. You will see the following notice across your Dashboard:

To install the plugins you can either click a "Begin installing plugins" link in this notice, or proceed to Appearance - Theme Plugins

After you have installed and activated a plugin, it will disappear from this admin page, but will appear in the Plugins Tab:

Important:

you should have "777" access settings for the wp-content folder before installation.
You can change these permissions back to 755 when the installation is finished.

You can do it using your FTP client - Filezilla, FireFTP, etc. - or hosting C-panel.
Open a drop-down menu by clicking the right mouse on the folder, specified above.
Choose there "access rights" (or maybe something similar - depends on your FTP client) and make changes.

Don't apply this action for the subfolders and nested files.

Please don't set the "777" permissions "noor" folder for security reasons. Also please change the permissions for "wp-content" folder back to 755 when you are done.

Setting up Woocommerce


Woocommerce is a free plugin, so you can easily Install and Update it if needed in your Plugins section in your WordPress Dashboard. Also, all the questions regarding using Woocommerce functionality are covered in Woocommerce Documentation, which is very detailed.

READ WOOCOMMERCE DOCS

Upload Demo Content


Important:

Before uploading Demo Content please make sure you have installed and activated ALL PLUGINS that came with the theme. You may reference "Plugins Installation" section of this guide for more information.

To add a Demo content you need to install WordPress Importer plugin.

In your admin panel proceed toTools - Import

And then choose WordPress Importer tool:

There will be image

Important:

You should have "777" access settings for the wp-content folder before this plugin intallation.
Otherwise your demo content won't be installed.
You may change these permissions back to 755 when the installation is finished.

You can do it using your FTP client or C-panel. See how to set the permissions in more details in Plugin Installation section.

Step One - Import the Content Itself:

Demo Content files can be found in the archive you have downloaded from Themebon. Open the demo content folder, then choose one of the demo websites from which you would like to import settings and content. Each of the folders will include a .xml content import file, a .txt theme settings file and one or more slider import files.

First please proceed to Tools - Import and choose Wordpress Importer, then browse for the .xml demo content file on your computer and click the Upload button:

Please make sure to mark the checkbox as shown on the screenshot below, then click "Submit":

Don't close this browser tab until the installation is finished. Be patient - it may take few minutes.

The WordPress Importer plugin, which adds DEMO content, adds content only - i.e., posts, pages, menus, images. It will not import Theme Settings. Theme settings will be imported separately in the second step.

Note:

1. Demo content adds all the posts and pages just like we have on our demo site.

2. After you have imported Theme Settings and Demo Content, you need to choose your homepage and your navigation (see instructions for both below).

3. Should there be any difficulties or questions, please feel free to contact our support, we are always glad to help you - Contuct Us.

Step Two - Choose your Home Page and Navigation:

To set your Home Page please proceed to Settings - Reading and set a Static Page as a home page, then use a drop-down to find and assign a specific page. You should choose "Home":

You also need to assign your navigation. The menu was already imported to your website, but you just need to set it in Appearance - Menus - Manage Locations. Choose Home Menu as Primary Navigation and save changes. There might also be a need to assign other menus too, if they are present on the website you are replicating.

Slider

Note:

Slider Should be imporeted already with demo content uploading proccess

Appearance Settings


Noor theme provides really Theme Options to handle your website styling which is powered by ReduxFramework.We have made section wise theme option for your ease
Lets have a look by serioul

1. Global Section

Global Section Allows you to set where you can enable/disable Page Loader, Rtl support, Slider Position, Breadcumbs, Graph Meta Tags etc

Please see the screenshot:

Important:

You can set your slider above or below of Navigation Panel from here just scroll down

Logo/ API Key/ Custom CSS/JS


1. Logo

Upload logo here from media. You can set different logo for your sticky menu and adjust padding of logo space
See the screenshot:

2. API Key

If you wnat use google map or mailchimp then bpaste API Key here
See the screenshot:

3. API Key

You can put you Custom CSS/ JS code here
See the screenshot:

Layout Selection


1. Default or Custom Sized Layout

About layout you can choose our default layout or have a custom sized layout

1. Fullwidth or Sidebar Position

Set Fullwidth page layout or you can set Page with Right Sidebar or Left Sidebar

Header


1. Header: Choose header layout first and enable/ disable sticky header.

You will be able to show social link and Search form on the header.
See the screenshot:

2. Header Type: Choose header type first from 10 Styles and skin color with/without trnsparency.

See the screenshot:

3. Top Bar: Enable your website topbar where you can show your E-Mail, Phone Number, Adress, Working Hour
Note:If don't want to put any of theme keep it blank.

See the screenshot:

4. Styling: At this step you choose header background. You can use color or image. For sticky header use color or image sperately.

See the screenshot:

5. Main Menu: Set Main Menu/Sticky Menu/Logo Bar height

See the screenshot:

If youwnat to have border on menu thene enable border and set a border
See the screenshot:

Footer


1. Footer: Make sure Footer is enabled if you wnat footer widgets on your website.

You can have navigation in footer section also just click show Footer Menu.
See the screenshot:

1. Footer Type: Choose Footer Column (Maximum 4).


See the screenshot:

1. Styling: Give padding to main footer or in copyright footer. You can choose footer background here(inage or color). /h4>


See the screenshot:

Typography


About typography I will say you can do what you wnat to any body font, title or any otheres text.
As Redux Framework used for making theme option so you will be able to make any change in Font Family(use Google Font also), Color, Line heght, Size at one option so it will be easy for you to change any text styling. Body, Heading, Menu, Page/post, Widget all can have fornt style diferently.

Appearance


Form Appearence section you can choose default color schems, skin color and default link color.Though you can use your color if you wnat as i showed before how to change all colors of header,footer etc and i will show you how to change colors of page element in King Composer Section.

1. Color Shemes

See the screenshot:

2. Add background image or color in your website body or any page.

See the screenshot:

Blog


At the top you can share your social link. For that you must enbaled it in header section

First you have choose a style to for social icon and then paste the social media link in media link filed. Which one you dont wnat to show just leave blank.

1. Blog Page formating

You can control all features of your blog.

See the screenshot:

1. Choose a layout for your archive page

With Left/Right Sidebar or Fulwidth all possibilities are there.

See the screenshot:

2. Design your blog page.

With Left/Right Sidebar or Fulwidth all possibilities are there.

See the screenshot:

3. Design your article page(Single Page)

With Left/Right Sidebar or Fulwidth all possibilities are there. Also you choose some feature what you wnat to enable or not like Comment, Show Social Sharing, Show Author Info, Show Comments, Show Related Posts, Show Post Navigation by just selecting Yes or No

See the screenshot:

Social Share


Hear you just select in which platform you wnat to share your post.

See the screenshot:

Shop


If you are going to open a online store then must activate WooCommerce Plugin and then you will have a default shop page what is already designed. If you wnat to change anything like post perpage, Product layout etc you can do from here.

See the screenshot:

Export/Import


See the screenshot:

Slider


To add slider you have to go Slider menu and add some slide in same category.

After setting all element Publish it. Add As much as slide in one category

After finishing adding slides time to show on page so when you creating a page at bottom you will see an options for adding slider to that page. Here you have to select where you wnat ot show slider "Above of menu" Or "Below of Menu" And Slides from Which category you want. So select and publish your page

Important:

Slider shows by category so make slide with category wise.

King Composer Page Builder


King Composer Page Builder is a revolutionerry tools of wordpress platform. It jjust not only give you to make any layout imagined with 100% acurate resposive features but also you can customize your element style within this without any coding

To make it easy here I am making a short video "How to use King CZomposer page builder elenment on your page"

Blog & Blog Posts Setup


To create a new blog post proceed to Posts - Add New:

Once there, you should add Post Title, choose one of the available Post Formats (see the screenshot), and then add the needed content. Please note, that King content Composer is available for blog posts too, simply click the large blue button to show it. You can read more about using the King Composer in the appropriate section of this guide. As soon as you are ready, click "Publish".

Assign taxonomies to your post - Tags and Categories. You will be able to use Categories to choose what posts should be displayed on a Blog page and in shortcodes like Post Types shortcode. Also add a Featured Image to your post.

Play around with theme options for your post to manage Layout, Heading, Background and some other options.

Adding a Blog Page

To add a new Blog page, just proceed to Pages - Add New and create a page. Then Click on the King Composer button and add a Blog Post Shortcode as shown on the screenshot and edit all you want start to end.

Widgets & Sidebars


You can use sidebars to add widgets. To access sidebars you need to proceed to Appearance - Widgets. You will find default sidebars and Footer and will be able to add widgets to them. Just drag the needed widget to the sidebar where you want to place it to:

You can as well add widgets simply by clicking on them. After you do, you will have a possibility to choose which of the default or custom sidebars, existent on your website, you want to add it to:

Important:

You will see there have 4 footer widget ready. It depends how many column you want at footer. Suppose you have chosen two column then add widges to Footer 1 and Footer 2. So Footer 3, 4 remain empty

Thanks