You can install template by two methods
Login
1. Now Moving through the side Menu Go to themes via Appearance
NGO ORGANIZATION PRO
Support
Template Installation
2. Now Select "add new".
3. Now Upload your theme.
4. Your Theme will now be installed by WordPress
You've successfully installed your theme, congratulations.
Section One Click Demo Importer
Import demonstration content with one click to get your theme setup. This will guide you through building your website for website creation.
from menu clickDashboard >> Appearance >> Tp Setup Wizrard
Before moving on install "NGO ORGANIZATION PRO post type" plugin.
Set-up "Home page".
1) Now You Need To Click Pages Tab "add new" On Dashboard
Put the word "home" on it or anything as you wish. A static page" in the "Front Page Displays" section to set the Home page to display a static page
2) Set Front Page for your Site :In Meny Select Reading under settings --> No you should select display as static & select home page template.
Once you have completed this task, you will be able to view all the demonstration content on the homepage.
How to set up Home Page
1) Setup "Top Bar" Section
For Topbar,
From Menu Click Appearance >> "Customize" Option >> Then "Theme Settings" >>Header
Output of topbar section
2) Set-up "Social Icon"
Here are the added social icons...
- Add twitter link :This option allows you to add twitter link to the top bar of your site. Adding twitter link adds twitter icon in the top bar of your site.
- Add Pinterest link : This option allows you to add pinterest link. Adding pinterest link adds pinterest icon in the top bar of your site.
- Add Facebook Link:You can add facebook link here and the facebook icon will be displayed in the top bar of your site.
- Add Instagram Link: You can add instagram link here which will add instgram icon to the top bar.
3) Setup "Ordering" Section
Set-up section ordering section :Re-ordering & Arranging section
In order reorder drag the required section to neccessary position.
For Section Ordering.
From Menu Click Appearance >> "customize" Option >> Section ordering
4) Set-up "Site Identity" Section
For Site Identity,
From Menu ClickAppearance >> "customize" Option >> Site Identity
Output of Site Identity section
5) Setup "Slider" Section
setup the slider
From Menu ClickAppearance >> "customize" Option >> Theme Setting Option >>Then move on to Slider Setting Option
- Disable/Enable option: Here, you can select the Disable/Enable option to show or hide this section.
- Number Of Sliders: Allow you to select slider numbers you would like to display.
- Slider Image: Click here to set the images for slider.
- Slide text: Here, you can set the text to be displayed on slider.
- Slider Button Text: Here, you can set the text to be displayed on button.
Output of Slider section
6)Setup "About" Section
For About Section,
From Menu Click Appearance >> "customize" Option >> Then"Theme Setting"" >> Then move on to About
- "Disable/Enable" option allows you to choose whether to display or hide a particular section.
- You can use the "No. of Slider To Show" option to select the no. of sliders that should appear. .
- The "Slider Image"st option lets you upload the images that should use for the slider.
- "Slide text" option is click here to enter the text that should display on the slider.
- "Slider Button Text" option is click here to enter the text that should appear on the button in theslider.
Output of About section
7)Setup "OUR SERVICES" Section
For OUR SERVICES,
From Menu ClickAppearance >> "customize" Option >> Then "Theme settings" >> OUR SERVICES
- Setting Options : Here, you can select property from the list which should show in this section.
-
- Background image: Click here to add the background image in this section.
- Small title: Allows you to set title of your Section.
- Box title: Here we can write the text.
- Button Text: It allows you to set the text of button.
Output of our services section
8) Setup "Causes" Section
setup the Causes section
For Causes section, it is necessary to install and activate Causes Posttype. After activation, Causes section will appear in dashboard.
from menu click Dashboard >> Causes >>"add new".
From Menu ClickAppearance >> "customize" Option >> Then "Theme settings" >> Causes
For understanding refer below screenshot.
- Disable/Enable option: Here, you can select the Disable/Enable option to show or hide this section.
- Section Main heading: Allow you to enter Main heading your section.
- Section Text:Click here to write the description of your section.
Output of Causes section
9) Setup "CONTACT US" Section
setup the Contact us For Your Section
From Menu Click Appearance >> "customize" Option >> Then "Theme settings" >>Contact us
Here, enter section Heading 1, section Heading 2 . For better understanding refer below screenshot.
- Disable/Enable option: Here, you can select the Disable/Enable option to show or hide this section.
- Section Heading 1: Allow you to enter the title for your section.
- Section Heading 2: Click here to write the description of your title.
Output of Contact us section
10)Setup "Record" Section
For Record Section,
From Menu Click Appearance >> "customize" Option >> Then "Theme settings" >> Record
- Setting Options : Here, you can select property from the list which should show in this section.
-
- Background image: Click here to add the background image in this section.
- Record Title: Allows you to set Record title of your Section.
- Record No: Here we can write the Record No.
Output of our record section
11) Setup "Testimonial" Section
The testimonial section will appear in the dashboard after installing and activating the Ngo-Organization-pro Posttype.
For Testimonial Section,
from menu click Dashboard >> Testimonial >> "add new"
From Menu Click Appearance >>than Customize >> Then "Theme settings" >>Testimonial
Output of Testimonial section
12) Setup "Team" Section
setup Team Section
For Team section, we need to install Ngo-Organization-pro Posttype. After activation, Team section will appear in dashboard.
from menu click Dashboard ->Our Team -> Tap "add new"
From Menu ClickAppearance >> "customize" Option >> Then "Theme settings" >>Team Section
Here, enter section title, section sub title. For better understanding refer below screenshot.
- Disable/Enable option: Here, you can select the Disable/Enable option to show or hide this section.
- Background Color: Here, you can select the background color which you have necessary in the above section.
Output of Team section
13) Setup "Latest Post" Section
setup latest post Section
from menu click Dashboard >> Post >> "Add New" Post
From Menu Click Appearance >> "customize" Option >> Then "Theme settings" >>Single post page settings
Output of Latest Post section
14) Setup "Newsletter" Section
For Latest News , we need to install contact form 7 plugin. Activate plugin after installation. Below image shows the added plugin.
For plugin section
from menu click Dashboard >> Plugins >> "add new" >>Installed Plugins>>Activate
Add shortcode in the Newsletter section from plugin settings.
setup the Latest news
From Menu Click Appearance >>than Customize >> Then "Theme settings" >> Latest news
- Disable/Enable option: Here, you can select the Disable/Enable option to show or hide this section.
- Background Color This option allows you to set the background color of this section.
- Background Image: This option allows you to set th background image for this section..
- Shotcode: Allows you to enter the shotcode to display the form in newsletter section. You get this shotcode after installing and activating the plugin.
15) Setup "Footer" Section
For Footer,
From Menu Click Appearance >> "customize" Option >> Then "Theme settings" >>Footer Section
For creating this section, from menu click widgets of Appearencethen select required widgets footers columns for tags, images, logo, contact and gallery.
Below image explains the widgets section..
setup Footer Section.
- Background Image: Here, you can set the Background Image of footer.
This will allow you to add the Footer Section.
16) Setup Contact
Activate Contact form 7 Plugin
from menu click Dashboard >> Then Contact >> Tap "add new"
From Menu Click Appearance >> than Then "Theme Setting" >> Contact
This will allow you to can add the contact-page Section.
17) Setup "Copyright Text" Section
For Footer,
From Menu Click Appearance >> "customize" Option >> Select theme Settings then move to copyright Text.
In this section you add all the Title & url. Options here are further described according to the sections they belong to
Shortcodes
Shortcodes are powerful tools for generating content. They provide a convenient way to incorporate specific functionalities into your website. You can find more information about shortcodes on the WordPress Codex website at http://codex.wordpress.org/Shortcode. It's easy to utilize shortcodes—simply ensure that you have selected the Visual editing mode before proceeding.
The following groups are dynamically generated based on all available shortcodes:
For Testimonials-Shortcode --> [list-testimonials] - used to display testimonial page.
For Services Shortcode --> [list-services] - used to display services.
For Team Shortcode--> [list-team]- used to display team.