Foster Charity Pro wordpress theme Documentation

Introduction

Thank you for your purchase of our WordPress theme. This documentation shows the entire process of configuring and managing a WordPress website from start to finish in various sections.

What is WordPress CMS?

WordPress is an open source website creation tool that is built on PHP and MySQL. It is a free content management system (CMS) and a powerful blogging platform. You can use this CMS to create websites and solid online apps. It requires little knowledge or technical ability to manage. WordPress has become the most widely used website development software due to a variety of factors such as its ease of use and flexibility.Learn More

What is a WordPress template

A WordPress template serves as a skin for WordPress-powered websites. A WordPress Template is simple to set up. You can easily change the look of your WordPress website by installing a new template. A WordPress template includes all of the necessary source files, which you can edit and expand as you see fit.

Help and Support

Click here for help and support : SUPPORT

Files structure

The template package you downloaded is divided into several folders. Let's take a look at what's in each folder:

  • Screenshots : contains template screenshots. Not for production.

  • Theme : contains WordPress theme files.

  • Foster Charity Pro.zip: This folder contains all of the files required for the theme.

  • license.txt : contains license details.

  • readme.txt : contain information about theme images path and font use and usage scritps.

TC Key Activation

The TC Key Activation procedure is as follows.

As you will get the License Key on your Email, use that key to Activate License.

Follow the following Process to Activate License.

Go to the Dashboard Appearance TC Setup Wizard Enter Key Save Changes

key

After Entering The Key Activate Licence.

key2

After you Activate Licence,the key will be active and then you can Getstarted with the Theme.

key3

In this way you can activate your Licence Key.

My site was working fine before? Who changed the File Permissions?

Incorrect file permissions may prevent WordPress from creating folders, uploading images, or running certain scripts.

WordPress requires server permissions to manage files and create folders.

  • Then, select all folders in the root directory and right-click to select 'File Permissions'.
  • wp-config >> permissions dialog box >> click on checkbox read and write >> Click on the OK button to continue
  • The same procedure should be followed for the wp-content folder.
permission

Template Installation

The installation of a template is a simple process.

Step 1. Theme Installation

The first step is to log into your WordPress admin area. Then, click on

Go to the menu Appearance Themes

themeinstall1

After you have navigated to the themes page, click on the Add New button located at the top of the page.

themeupload

Click on upload theme button.

theme1

Click on Browse Button then select your foster-charity-pro.zip theme and click on Install Now Button..

themeupload1

WordPress will now install your theme and display a success message, as well as a link to activate or view the live preview.

Step 2. Installation Using FTP

  • Step 1 - Download foster-charity-Pro.zip file from your My Account ThemesEye.
  • Step 2 - Extract Zip file.
  • Step 3 - Upload the non-zipped theme folder into the theme folder using your FTP programme. "/wp-content/themes/" folder on your server.
  • Step 4 - Go to Dashboard » Appearance » Themes and find Foster Charity Pro theme from list
  • Step 5 - Click on Activate to active foster-charity-pro Posttype theme.
  • Active Theme

Plugin Installation.

To manually install a WordPress Plugin, download the.zip archive and follow the steps below for Upload plugin installation.

Install Required Plugins:

foster-charity-pro-posttype plugin, Contact Form 7

  • Go to Dashboard >> plugin >> Add New >> Upload plugin.
  • Active Theme

  • Install and activate by clicking the Install Now button.

  • Active Theme

Demo Importer


To import content using Theme Wizard, ad here to these procedures.

1) Go to Dashboard >> Getstarted

2) Insert your key.

3) After selecting Setup Wizard, click Start Now.

4) install Plugins.

5) Import the material from your Customizer Elementor-based demo.


How to set up homepage

After activating the theme, you will see the index page with the most recent post. Now you must configure the home page template to display all of the demo sections on your front page.


Setup Home Page

This section will assist you in organising your site's home page and other pages. This will also show you how to set up WordPress Menus, make a Slider, make a Home Page, use Page Templates, and insert shortcodes into pages.

1.   Go to Dashboard Pages Add New Page, enter page name and select template as Home Page Template from Page Attribute as shown in below image

home-page-template

2.   Publish this Page

3.  Go to Dashboard Setting Reading, select home page as a front page

set-front-page

When you're finished, you'll be able to see all of the demo content on the front page.

Header Setting

  • Step 1 - Go to Dashboard >> Appeclass="img-responsivearance >> Customize >> General Configuration >> Site Logo/Title/Tagline
  • a. You can add logo from Select Logo button for set logo
  • Active Theme
  • Step 2 - Go to Dashboard >> Appearance >> Menus.
  • Step 3 - Click on create a new menu as show in below image.
  • Step 4 - Enter the name of the menu and click on Create Menu as shown in below image.
  • Create a Menu
  • Step 5 -Choose Pages such as Latest Blog, Pages, and About Us from the left side and click onAdd to Menu button as show in below image
  • Step 6 - After selecting the pages, go to the menu location and click on save menu.
  • Final Step in Menu
  • Step 7 - Click on Manage Locations as show in below image.
  • a. Click on Use new menu
  • Final Step in Menu
  • Primary Menu Front Preview
    Final Step in Menu
  • Final display of Header

    Final display of header

Setup Slider

  • In order to configure the Slider Section, follow the steps below,

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Slider section

  • Create New Slider

    Create New Slider

    Final display of Slider

    Final display of header

Setup About Us Section

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes section >> About Us Section

  • Step 2 - Manage Background

  • (a) Add Background Image

  • (b) Add Title

  • (c) Select Image

  • (d) Add button Link

  • set Banner1 section

    set Banner1 section
    set Banner1 section

    Final display of About Us Section

    Final display ofBanner1 Section

Urgent Causes Section

  • In order to proceed, Urgent Causes Section

  • Step 1 - Go to Dashboard >> Urgent Causes >> Add New
  • set tab section
  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Urgent Causes
  • set tab section

    Final display of Urgent Causes Section

    Final display of Product Tab Section

Causes Need Atention Section

  • In order to proceed, Causes Need Atention Section:

  • Step 1 - Go to Dashboard >> Causes Need Atention >> Add New
  • set Banner2 section
  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Causes Need Atention
  • set Banner2 section

    Final display of Causes Need Atention Section

    Final display of Banner2 Section

Setup Our Records Section

In order to procced with this section,

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Our Records

  • Step 3 - Manage Background

  • (a) Add Background Image

  • (b) Add Title

  • set Banner2 section

    set Banner2 section

    Final display of Our Records section

    Final display of Banner2 Section

Upcoming Events Section

  • In order to proceed, Upcoming Events Section:

  • Step 1 - Go to Dashboard >> Upcoming Events >> Add New
  • set  Brand section

  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Upcoming Events
  • set  Brand section

    Final display of Upcoming Events Section

    Final display of Brand Section

Want to join with us Section

  • In order to proceed, Want to join with us Section

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Want to join with us
  • set Team section

    Final display of Want to join with us Section

    set Blog section


Charity Donors Section

  • In order to proceed, Charity Donors Section:

  • Step 1 - Go to Dashboard >> Charity Donors >> Add New
  • set Testimonial section
  • Step 2 - Go to Dashboard >> Appearance >> Customize >>Charity Donors section
  • set Testimonial section

    Final display of Charity Donors Section

    Final display of Testimonials

Happy Donors Say Section

  • In order to proceed, Happy Donors Say Section:

  • Step 1 - Go to Dashboard >> Testimonials >> Add New
  • set support section
  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Happy Donors Say Section
  • set support section

    Final display of Happy Donors Say Section

    Final display of support Section

Latest News Section

  • In order to proceed, Latest News Section

  • Go to Dashboard >> Posts >> Add New
  • set Newsletter section
  • Go to >> Dashboard >> Appearance >> Customize >> Theme Settings >> Latest News
  • set Newsletter section

    Final display of Latest News Section

    Final display of Newsletter section

Our Partners Section

  • In order to proceed, Our Partners Section:

  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Our Partners Section
  • set support section

    Final display of Our Partners Section

    Final display of support Section

Footer Section

  • In order to proceed, Footer Section:

  • Step 1 - Go to Dashboard >> Appearance >> Widgets >> Footer Section
  • Step 2. Select footer
  • (a) footer One
  • (b) footer Two
  • (c) footer Three
  • (d) footer Four
  • (ii) Click on "save" button
  • set Footer section

    Final display of Footer Section

    set Footer section

Inner Pages

Full Width Page

  • Step 1 - Go to Dashboard >> Page

  • Step 2 - Click Add New button

  • Step 3 - - Add Page Name

  • Step 4. select default template at right bottom of page

  • Step 5 - Click publish button

  • select Full Width Page template

    Full Width Page Inner Page

    select Full Width Page template

Page With Left Sidebar -

  • Step 1. Go to Dashboard >> Page

  • Step 2.Click Add New button

  • Step 3 - Add Page Name

  • Step 4. select Page With Left Sidebar template at right bottom of page

  • Step 5. Click publish button

  • select Page With Left Sidebar template

    Page With Left Sidebar Inner Page

    select Page With Left Sidebar template

Page With Right Sidebar -

  • Step 1. Go to Dashboard >> Page

  • Step 2. Click Add New button

  • Step 3 - Add Page Name

  • Step 4. Select Page With Right Sidebar template at right bottom of page

  • Step 5. Click publish button

  • select Page With Right Sidebar template

    Page With Right Sidebar Inner Page

    select Page With Right Sidebar template

Blog

Full Width Blog -

  • Step 1. Go to Dashboard >> Page

  • Step 2. click Add New button

  • Step 3 - Add Post Name

  • Step 4. select Blog Full Width template at right bottom of page

  • Step 5. click publish button

  • select Blog Full Width template

    Blog Full Width Inner Page

    select Blog Full Width template

Blog With Left Sidebar

  • Step 1. Go to Dashboard >> Page

  • Step 2. click Add New button

  • Step 3 - Add Post Name

  • Step 4. select Blog With Left Sidebar template at right bottom of page

  • Step 5. click publish button

  • select Blog With Left Sidebar template

    Blog With Left Sidebar Inner Page

    select Blog With Left Sidebar template

Blog With Right Sidebar

  • Step 1. Go to Dashboard >> Page

  • Step 2. click Add New button

  • Step 3 - Add Post Name

  • Step 4. select Blog With Right Sidebar template at right bottom of page

  • Step 5. click publish button

  • select Blog With Right Sidebar template

    Blog With Right Sidebar Inner Page

    select Blog With Right Sidebar template

Contact Us

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Step 3 - Add Contact Page Name
  • Step 4. Select Contact Page template at right bottom of page
  • Step 5. click publish button
  • select Contact Page template
  • Step 5. Go to Dashboard >> Appearance >> Customize
  • Step 6. Fill Contact us details
  • (a) Contact us Address
  • (b) Contact us Email
  • (c) Contact us Phone
  • (d) Form Title
  • (e) Code Enter For Map
  • select Contact Page template

    Contact Us Inner Page

    select Contact Page template

Shortcodes

Urgent Causes Shortcode -

  • Step 1 - Go to Dashboard >> Page
  • (i) Click Add New button
  • (ii) Add Urgent Causes "[foster-charity-pro-urgent-causes]"
  • (iii) Select Default template at right bottom of page
  • (iv) click publish button

  • Step 2 - Used Urgent Causes shortcode in page
  •  testimonial

    After adding shortcode Urgent Causes look

    testimonial

Testimonial Shortcode -

  • Step 1 - Go to Dashboard >> Page
  • (i) Click Add New button
  • (ii) Add Testimonial Shortcode "[foster-charity-pro-testimonials]"
  • (iii) Select Default template at right bottom of page
  • (iv) click publish button

  • Step 2 - Used Testimonial shortcode in page
  •  testimonial

    After adding shortcode Testimonial look

    testimonial

Causes Attention Shortcode -

  • Step 1 - Go to Dashboard >> Page
  • (i) Click Add New button
  • (ii) Add Causes Attention Shortcode "[foster-charity-pro-causes-attention]"
  • (iii) Select Default template at right bottom of page
  • (iv) click publish button

  • Step 2 - Used Causes Attention shortcode in page
  •  testimonial

    After adding shortcode Causes Attention look

    testimonial

Charity Donors Shortcode -

  • Step 1 - Go to Dashboard >> Page
  • (i) Click Add New button
  • (ii) Add Charity Donors Shortcode "[foster-charity-pro-charity-donors]"
  • (iii) Select Default template at right bottom of page
  • (iv) click publish button

  • Step 2 - Used Charity Donors shortcode in page
  •  testimonial

    After adding shortcode Charity Donors look

    testimonial

Upcoming Events Shortcode -

  • Step 1 - Go to Dashboard >> Page
  • (i) Click Add New button
  • (ii) Add Upcoming Events Shortcode "[foster-charity-pro-upcoming-events]"
  • (iii) Select Default template at right bottom of page
  • (iv) click publish button

  • Step 2 - Used Upcoming Events shortcode in page
  •  testimonial

    After adding shortcode Upcoming Events look

    testimonial