NGO Charity Donation Pro WordPress Theme Documentation

Structure of files

The package of templates that you downloaded includes multiple folders and files. Let's take a look at the contents of each folder.

Screenshots - displays template screenshots. Do not use these for creating templates

Theme - carries WordPress theme files

"ngo-charity-donation-pro" -This directory contains all the essential files pertaining to the theme.

The file "license.txt" includes information about the licensing terms.

Template Installation

Installing the template is a quite simple process. There are two methods available for executing the installation process.

1-In order to install a new theme through the WordPress admin panel

To begin, you must first log in to your WordPress admin area. After that, click on.

1. Select the menu Appearance → Them Themes

2. Once you are on the themes page, click on the button Add New at the top.

3.Click the button labeled 'Upload Theme.

4.To install the ngo-charity-donation-pro theme on WordPress website, you need to click on "Browse" and select the theme file from your device. Once you have selected the file, click on "Install Now" to begin the installation process.

Congratulations on successfully installing a theme on WordPress website! With the theme installed, you can now activate it and begin customizing it to suit your preferences.

2-If you prefer to install a WordPress theme using a FTP (File Transfer Protocol), you can follow these steps:

Another option for installing a theme is to upload it via FTP (File Transfer Protocol).you first need to log in your website via FTP and Navigate to the themes folder inside wp-content folder. From there, you can upload the theme you downloaded by unzipping it and uploading it to server.

Afterward, log in your WordPress site and Select to Appearance -- Select Themes And activate .

Plugin Installation

To Add a WordPress Plugin manually by .zip archive follow steps below for Upload plugin

Plug-ins must be installed:
Contact-form-7 plugin
Select Dashboard → Go To plugin → Then Add New → Select Upload plugin.

click install now button and activate

Section One Click Demo Importer

Import demonstration content with one click to get your theme Set-up. This content will lead you through creating your website.

SelectDashboard → Go to Appearance → Select Get started

Click "Run Importer".

Set-up Home page.

1) Create Page to set template:Select Dashboard → Pages → Add New Page.

Lable your home Page with your parent site name or you can label it home page also. Then go to settings then Reading and change the template from static to home page.

2) Set the front page:Select Setting → Reading → Set the post page display static page to home page

After completing the necessary steps, you will be able to access the comprehensive demonstration content displayed on the homepage.

Set-up Section Ordering Section

How to Arrange and Reordering Section

Section reordering means to arranage the section as per our requirement. first you need to choose section and drag section on top or bottom where you need it. when you will drap any section your front view will change according to your choice.

In order to begin with Section Ordering.

Select Appearance → Then Theme Settings → Section Ordering

Set-up Site Identity Section

In order to begin with Site Identity,

Select Appearance → Go to Customize → Site Identity

Set-up Top Bar Section

In order to begin with Topbar,

Select Appearance → Go to Customize → Then Theme Settings → Topbar → Topbar Settings

Select Appearance → Go to Customize → Then Theme Settings → General Option → Social Icons

Topbar Section will appear like this.

Set-up Header Section

In order to begin with header,

Select Pages → Add new

For menu you will have to add pages from.

Select Appearance → menu → Add new

Repeat the same steps if you want to add more pages.

In this way you can add the menu section.

Select Appearance → Go to Customize → Then Theme Settings → Header Option → Header Settings

In this way you can add the Header section.

Set-up Slider Section

In order to begin with slider

Select Appearance → Go to Customize → Then Theme Settings → Slider Option → Slider Settings

Enable/Disable option: Here, you may select the enable/disable option to show or hide the section.
Number of Slider To Show: Allows you to select no. of sliders you want to display.
Slider Image: Here you can place the images for slider.
Slide text: Here, you can put the text to be displayed on slider.
Slider Button Text: Here, you can put the text to be displayed on button.

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Services Section

In order to begin with Services Section.

Select Appearance → Go to Customize → Then Theme Settings → Services Option→ Services Settings

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Our Causes Section

In order to begin with Our Causes Section,

In order to Set-up the following Our Causes section

Select Dashboard → Our Causes → Add New

Select Appearance → Go to Customize → Then Theme Settings → Our Causes Option → Our Causes Settings.

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Map Section

In order to begin with Map Section

Select Map → Go to Customize → Then Theme Settings → Map Option → Map Settings

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Our Events Section

In order to begin with Our Events Section,

In order to Set-up the following Our Events section

Select Dashboard → Our Events → Add New

Select Appearance → Go to Customize → Then Theme Settings → Our Events Option → Our Events Settings.

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Latest News Section

In order to begin with Latest News Section,

In order to Set-up the following Latest News section

Select Dashboard → post → Add New

Select Appearance → Go to Customize → Then Theme Settings → Latest News Option → Latest News Settings.

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Literacy Program Section

In order to begin with Literacy Program Section,

In order to Set-up the following Literacy Program section

Select Dashboard → Literacy Program → Add New

Select Appearance → Go to Customize → Then Theme Settings → Literacy Program Option → Literacy Program Settings.

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Scholarship Section

In order to begin with Scholarship Section

Select Scholarship → Go to Customize → Then Theme Settings → Scholarship Option → Scholarship Settings

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Make Donation Section

In order to begin with Make Donation Section

Select Appearance → Go to Customize → Then Theme Settings → Make Donation Option → Make Donation Settings

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Testimonials Section

In order to begin with Testimonials Section

Select Appearance → Go to Customize → Then Theme Settings → Testimonials Option → Testimonials Settings

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up About Us Section

In order to begin with About Us Section

Select About Us → Go to Customize → Then Theme Settings → About Us Option → About Us Settings

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Our Work Section

In order to begin with Our Work Section

Select Appearance → Go to Customize → Then Theme Settings → Our Work Option → Our Work Settings

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Brand Section

In order to begin with Brand Section

Select Appearance → Go to Customize → Then Theme Settings → Brand Option → Brand Settings

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Education Donate Section

In order to begin with Education Donate Section

Select Appearance → Go to Customize → Then Theme Settings → Education Donate Option → Education Donate Settings

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Footer Section

In order to begin with Footer,

Step 1.Select Dashboard → Appearance → Widgets

Step 2. Select Footer
(a) Footer One
(b) Footer Two
(c) Footer Three
(d) Footer Four
(ii) Click on "save" button

For designing this section, go to widgets of appearance section and select four footer columns for tags, gallery, contact and logo image respectively.

Below image throws light on the widgets section.

Select Dashboard → Appearance → Widgets → Add New

Select Appearance → Go to Customize → Then Themes Settings → Footer Option → Footer Widgets

Footer Heading Color: Here, you can choose the font text of footer.
Footer Heading Fonts: Here, you can set the font of heading of footer.
Footer Content Color: Here, you can select the text color of contents of footer
Footer Content Fonts: Here, you can choose the font of the contents of the footer.
Setting Options: Involves settings for Service display enable / disable option..
Background Color: Here, you can choose the Background Color of the footer.
Background Image: Here, you can place the Background Image of the footer.

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Footer Text Section

In order to begin with Footer Text section,

Select Appearance → Go to Customize → Then Themes Settings → Footer Option → Footer Text.

Enable/Disable option:Here, you may select the enable/disable option to show or hide the section.

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Contact Page

Before proceeding with the Contact Us section, we need to install contact form 7 plugin. Following the installation of contact form 7 plugin. Contact options become visible on the Dashboard.

Select Dashboard → Contact → Add New Page

Select Appearance → Then Theme settings → Contact & Map Option → Contact & Map Settings

On the frontend of your website, you will see the changes made by the new theme you have installed.

Set-up Navigation

First of all create pages from go to Dashbord → Pages→ Add new page.
Select Appearance → Tap Menu
Now To create new menu select " Create a New Menu"
Neme your Menu before saving
Once you create menu. you can add required pages in navigation by checking the box on the left table.. After adding menu list you can arrange it with your choice by drag and drop.
Choose the menu theme location from the below checkboxes

You can checkout the screenshots you will understand it better.