TS Charity Pro WordPress Theme Documentation


Introduction

Thank you for buying our WordPress Theme. The complete procedure to configure and manage a WordPress Website from the beginning is shown in this documentation in different portions.

What is WordPress CMS?

WordPress is an open source tool which is based on PHP and MySQL to create websites. It is a completely free content management system(CMS) and a strong blogging platform. With this CMS, you can develop websites and solid online apps. You hardly require any knowledge or technical capability to manage it. WordPress has become the most accepted website development software available because of it’s varied aspects like it’s easy usage and flexibility. Learn More

What is a WordPress template

A WordPress template acts as a skin for the websites which are created on WordPress CMS. The installation of a WordPress Template is very easy. With the help of an installed new template, you can change the look of your WordPress website very easily. All the requisite source files are provided with a WordPress template and you can freely go for editing and increasing it the way you want.

Help and Support

Files structure

The template package you have downloaded consists of several folders. Let's see what each folder contains:

  • Screenshots - contains template screenshots. Not for production.
  • theme - contains WordPress theme files.
    • ts-charity-pro.zip - this folder content all the necessary files for the theme.
  • license.txt - contains license details.
  • readme.txt - contain information about theme images path and font use and usage scripts.

Theme Installation Via WordPress

Install a Theme using WordPress Admin Theme Search.

If you’re looking to install a free WordPress theme from the WordPress.org themes directory, then the easiest way is by using the WordPress admin theme search functionality.

First thing you need to do is login to your WordPress admin area. Next, click on Appearance » Themes..


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


Based on your search, you will see a single theme or a list of themes that met your criteria. In our case, we searched for the blogging theme TS-Charity-Pro. When you see the theme that you want to install, simply bring your mouse on top of the image. This will reveal the install button, preview button, and details button. Go ahead and click on the install button.


WordPress will now install your theme and show you a success message along with the link to activate or live preview.

Click on the activate button, and you’ve successfully installed and activated your WordPress theme.


Install a Theme by using Upload Method from WordPress Admin.

The first method that we covered only allows you to install free themes that are available in the WordPress.org theme’s directory. But what if you want to install a commercial “premium” WordPress theme from companies like ThemeLab, StudioPress, iThemes, etc. Or what if you want to install a custom theme? Well in this case, you would need to install the theme using the upload method from your WordPress admin.

Start by downloading the .zip file of the theme that you purchased from a marketplace or a commercial theme provider.

Next login to your WordPress admin area and click on Appearance » Themes..


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

On the next screen, click on the Upload Theme button at the top.


You will be prompted to choose the zip file that you downloaded earlier. Select the file and click Install Now.


Once your theme is installed, you will see a success message along with the link to activate and preview the theme.

Click on the activate button, and you’ve successfully installed and activated your WordPress theme. Depending on the theme, it may add additional settings options that you may need to configure either through the theme customizer or through a separate options panel.

Theme Installation Via FTP.

Installing a WordPress Theme using FTP

First installed and setup your FTP program, connect to your host using FTP. You would need to go to the path (/wp-content/themes/). Once you’re there, simply upload your theme’s folder there.

Remember you must unzip the folders before you upload a theme using FTP. Once you have uploaded the theme, you would need to go to your admin area and click on Appearance » Themes..

You should see the theme that you uploaded listed there. Bring your mouse on top of that theme and click on the activate button and you’ve successfully installed and activated your WordPress theme.

Section Color/Font Pallete

Color/Font is very easy process.At a single glance of click you can set the color and fonts of the Headings, Paragrapgh and Buttons.

Every individual section have an option to set the color pallete for Headings,Title/Text,Paragraph,Button Text and Button Background depending upon the number of option that are available in that respective section.

Default Color/Font settings.

Demo Importer

Import demonstration content with one click to get your theme setup. This content will guide you through building your website for website creation. Before Run Importer you have to install all the required Plugins.

For Demo Importer, Go to

Dashboard->->Appearance->->Get Started.

Click on "Demo Importer" and then "Run Importer".



Section Ordering

Section reordering basically means to arranage the section as per our requirement. In order to proceed with this section you need to drag section on top or bottom where you need it. when you will drag any section top or bottom your front view will change according customizer values.

For Section Ordering, Go to

Dashboard->->Appearance->->Customizer->->Theme Settings->->Section Ordering.



How to set up homepage

Setup Home Page Template

Follow these instructions to setup Home page.

  • 1. Create Page to set template: Go to Dashboard >> Pages >> Add New Page.

    Label it "home" or anything as you wish. Then select template "home-page" from template dropdown.


  • 2. Set the front page: Go to Setting -> Reading --> Set the front page display static page to home page.


  • Once you have done with this you can see all the demo content on front page.

Topbar Section


Follow these instructions to setup Topbar Section.

For Topbar, Go to

Appearance->->Customize->->Theme settings->->Topbar section.

Enter Social Icon links here


For contact details, Go to

Appearance->->Customize->->Theme settings->->Header Section.

Enter all the details here. See the below screenshot for more details.



Header Section


This section shows how to setup the header section. First step for is to add site identity logo.

Steps for adding site identity logo. Go to

Dashboard -> Appearance -> Customize -> Site identity.


For Menu Section follow these steps.

Go to Dashboard >> Pages >> Add new pages.


Follow same steps for other pages.

Then Go to Dashboard>> Appearance >> Menus.

Create menu, add pages to menu and select display location.

Setup Slider Section

Follow the below steps to setup the slider.

Go to Appearance >> Customize >> Theme Settings>> Slider Settings.


In this section you can set the slider image,title and description. You can update the number of slides.

In this we you can add slider section.

Setup Causes Section

Follow the below steps to customize this section

For this section you have to activate Ts Charity pro Post Types plugin(for more information refer to plugin section).

Go to Dashboard>> Causes>> Add new.


For next part of the causes follow the below steps.

Go to Dashboard>>Appearance>>Customize>>Theme settings>>our Causes.


In this way you can setup Our Causes section


Setup Feature Section

This section will show up all the products present on your store in a slider. You can customize it's appearance through customizer.

Go to Appearance >> Customize >> Theme Settings>> Feature Section


In this way you can setup Features section


Upcoming Events Section

For this section you have to activate TS Charity pro Post Type plugin(for more information refer to plugin section).

Follow the below steps to setup this section.

Go to Dashboard >> Events >> Add new.



Customize part

Go To Appearance >> Customize >> Theme Settings >> Upcoming Events.


In this way you can setup Upcoming Events section


Setup Gallery Section

In order to proceed with Gallery Section,

For this section you have to activate TS Gallery images plugin (for more information refer to plugin section).

Go To Dashboard >> TS Gallery >> Add new gallery.



Go to Appearance >> Customize >> Theme Settings >> Photo Gallery.

Add the above copied id number and paste it in shortcode field.

Shortcode for Gallery: [ts-galleryshow ts_gallery="52" numberofitem="12" bootstraponecolsize="3"]

In shortcode, add gallery id from dashboard gallery page, write number of items to show and bootstaponecolsize indicates the number of columns.


In this way you can setup Gallery section

Our Volunteers

For this section you have to activate TS Charity pro Post Types plugin(for more information refer to plugin section).

Go To Dashboard >> Volunteer >> Add new Volunteer.


Go to Appearance >> Customize >> Theme Settings >> Our Volunteers.


In this way you can setup Our Volunteers section


Our Mission

In order to proceed with Our Mission Section,

Go to Appearance >> Customize >> Theme Settings>> Our Mission.



The section comes from Contact form 7 Plugin


This section is designed for user to easily access the products according to their age group.

Add detail age group title with it's corresponding link from the customizer section.

In this way you can setup Our Mission section


Setup Our Testimonials Section

For this section you have to activate TS Charity pro Post Types plugin (for more information refer to plugin section).

Go to Dashboard >> Testimonial >> Add New.



Go to Appearance >> Customize >> Theme Settings>> Testimonial.


In this way you can setup Our Testimonials section

Setup Happy Donors Section

For this section you have to activate TS Charity pro Post Types plugin (for more information refer to plugin section).

Go to Dashboard >> Happy Donor >> Add New .




Go to Appearance >> Customize >> Theme Settings>> Happy Donor.


In this way you can setup Happy Donars section

Setup Our Blogs Section

1.In order to proceed with Our Blogs Section, Go to,

Dashboard >> Posts >> Add new Post.

See the below screenshots for more understanding.


If you want to add more post follow same steps.


Then Go To Dashboard >> Customize >> Theme Settings >> Our Blogs.


In this way you can setup Our Blogs section

Setup Our Sponsors Section

1.In order to proceed with Sponsor Section,

Go to Appearance >> Customize >> Theme Settings>> Our Sponsors.

Select the sponsor images. For more details refer the below screenshot.


In this way you can setup Our Sponsors section


Setup Footer Section

In order to proceed with Footer section,

Go to Appearance >> Customize >> Theme Settings>> Footer.


You have four columns in the footer. Each column have different element to show. For widgets,

Go To Dashboard >> Appearance >> Widgets .

Drag the custom fields in the columns


After adding the widget, you will get the output footer.


In this way you can setup Footer section

Setup Footer Text Section

In order to proceed with Footer Text section, first you have to add contact form 7 plugin and activate it.

Go To Dashboard >> Contact.

Click on Add New


Then you will get the input box for email


Go to Appearance >> Customize >> Theme Settings>> Footer Text.


In this way you can setup Footer Text section

Plugin Configuration

For the Plugin section you have to add TS Charity Pro Post Types, TS Gallery Image, TS Title Banner Image and Contact Form 7 plugins and activate it.

Steps for the plugin installation

Go To Dashboard >> Plugins >> Installed plugins.


Once you have added plugins and activated, you will get the option of section coming from plugin. For more details refer the below screenshot.


For Events section


According to your requirements you can add number of events.

Repeat the same procedure for the next if you want to add in our section.



For Our Causes Section

Go to Dashboard>>Causes>>Add new Causes


See this screenshots for better understanding.

Repeat the same procedure for the next if you want to add in our section.



For the testimonial section

Go to Dashboard>>Testimonial>>Add new.

See the screenshots for better understanding.


Repeat the same procedure for the next if you want to add in our section.



Then the next section is volunteer

Go To Dashboard>>Volunteer>>Add new




For the Gallery Section

Go To Dashboard>>TS Gallery>>Add new





For Footer Text Section

Go To Dashboard >> Contact




Page Templates and Sidebars


Page Templates

  • Default Template (the default page template with a right sidebar position).
  • Home Template (the default Home template).
  • Contact Template (the default Contact template with no sidebar position).
  • Page with Left Sidebar a page templates with left sidebar position).
  • Page with Right Sidebar (a page template with right sidebar position).
  • Blog Full Width Extend (a blog templates with one column without sidebar).
  • Blog with Left Sidebar (a blog templates with left sidebar position).
  • Blog with Right Sidebar (a blog template with right sidebar position).

Posts, Categories and Post Formats

Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel.


  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. With that done, click Categories for blog posts.
  4. Type in the name of your new category.
  5. After that, click the Add New Category button.
Click the Publish button.

Creating a Blog post


  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.

Shortcodes

A shortcode is a powerful content building tool. http://codex.wordpress.org/Shortcode. Shortcodes are easy to use. First of all, make sure that the editing mode is set to Visual.


All available shortcodes are as follows:

  • Gallery - [ts-galleryshow ts_gallery="57" numberofitem="8"] - used for Gallery images output. "39" is the id replace it with yours.
  • Happy Donar - [happy_donors] - used to display happy donar section.
  • Our Volunteer - [volunteer] - used to display Our Volunteer Section.
  • Upcoming Events - [list-event] - used to display Upcoming Events Section.
  • Our Testimonials - [testimonials] - used to display Our Testimonials Section.
  • Causes We Cover - [causes] - used to display Causes We Cover Section.

Custom Widgets


 How to Setup Additional Theme Add Ons

  1. First, you need to download the plugin from the source (which will be a zip file (bb-title-banner-image.zip and bb-gallery-images.zip)). Next, you need to go to WordPress admin area and visit Plugins » Add New page.

  2. After that, click on the Upload Plugin button on top of the page.
  3. This will bring you to the plugin upload page. Here you need to click on the choose file button and select the plugin file you downloaded earlier to your computer.

  4. After you have selected the file, you need to click on the install now button.

  5. WordPress will now upload the plugin file from your computer and install it for you. You will see installation is finished.
  6. Once installed, you need to click on the Activate Plugin link to start using the plugin.

Gallery Images

Once you activate this plugins you will find the Gallery on the Dashboard.

Click on Add new gallery button. And add the title. Add the number of images to show in a gallery.






That's It! Now you can view your page to see the gallery images....

TS Title Banner Image

Once you activate this plugins you will find the Banner Image option in all the post and pages.

Go to Dashboard >> Pages >> Add New .Add all the details, select banner image. Refer the below screenshot for more details.

Here you have the option to show or hide the title. With the help of this plugin, you can hide the title if you do not want to display it on the banner simply by checking "Hide Title above banner" option.


Now you can view the page.


Banner image without title