TS Charity Pro WordPress Theme Documentation


Introduction

We appreciate you purchasing our WordPress theme. This documentation demonstrates the entire process to set up and administer a WordPress website from scratch in various sections.

What is WordPress CMS?

WordPress is an open source website creation utility that uses PHP and MySQL as its foundation. It is a robust blogging tool and a totally free content management system (CMS). With this CMS, you can create reliable online applications and webpages. To manage it, you hardly need any technical expertise or information. Due to its many benefits, including its flexibility and ease of use, WordPress has emerged as the most popular website creation tool. Learn More

What is a WordPress template

A WordPress template serves as the skin for webpages built using the WordPress content management system. A WordPress template is very simple to setup. You can quickly alter the appearance of your WordPress website by installing a new template. A WordPress template comes with all the necessary source files and you are free to modify and expand it however you see fit.

Help and Support

Files structure

The template package that you got is divided into various folders. Let's examine the contents of each folder:

  • 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

Using the WordPress Admin Theme Search, install a theme.

Using the WordPress admin theme search feature is the simplest method to install a free WordPress theme from the WordPress.org themes directory.

Logging into your WordPress admin area is the first step you need to take. then select on Appearance » Themes..


Once there, select Add New from the top menu of the themes tab.


You will see a singular theme or a list of themes that fit your criteria depending on your search. In our instance, we looked for the TS-Charity-Pro blogging theme. Simply place your mouse on top of the desired theme's picture when you see it. The setup, preview, and details buttons will then become visible. Simply select the install option.


Your theme will now be installed by WordPress, and you will see a success notification with a link to activate or watch a live preview.

You've successfully installed and enabled your WordPress theme by clicking the activate button.


Install a Theme by using Upload Method from WordPress Admin.

Only free themes found in the WordPress.org theme catalogue can be installed using the first technique we discussed. What happens, though, if you want to install a "premium" WordPress theme from a business source like ThemeLab, StudioPress, iThemes, etc. How about installing a custom motif, though? In this instance, however, you would have to install the theme through your WordPress admin by using the upload technique.

Start by downloading the theme's.zip file that you bought from a marketplace or a business that sells themes.

Then, after logging in to your WordPress admin area, selectAppearance » Themes..


Once there, select Add New from the top menu of the themes tab.

Select the Upload Theme button at the top of the following page.


When asked, select the zip file that you previously downloaded. Choose the download, then choose Install Now.


Once your theme has been installed, a success message and a link to activate and sample the theme will appear.

Your WordPress theme has now been installed and enabled after clicking the activate button. Depending on the theme, it might introduce extra configuration options that you might need to set up using either the theme customizer or a different options panel.

Theme Installation Via FTP.

Installing a WordPress Theme using FTP

Connect to your server using FTP after installing and configuring your FTP programme. You must navigate to the (/wp-content/themes/) route. Simply upload the theme's folder there once you've arrived.

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..

The theme that you uploaded ought to be mentioned there. You've installed and activated your WordPress theme after placing your cursor over it and clicking the activate button.

Section Color/Font Pallete

The procedure of changing the colour or font is very simple.You can change the colour and font of the headings, paragraphs, and buttons with a single glance or click.

Depending on the amount of options available in each section, there is an option to change the colour scheme for the headings, title/text, paragraphs, button text, and button background.

Default Color/Font settings.

Demo Importer

To set up your theme, simply select to import sample content. You can follow the instructions in this content to create your website for website creation. You must install all necessary plugins before running Importer.

For Demo Importer, Go to

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

Then select "Run Importer" after selecting "Demo Importer.".



Section Ordering

To reorder an area simply means to arrange it according to our needs. Drag the segment to the top or bottom as necessary to continue with this section. Your front view will change in accordance with customizer options when you drag any portion to the top or bottom.

For Section Ordering, Go to

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



How to set up homepage

Setup Home Page Template

Use these guidelines to create Home page.

  • 1. To set a template for a new page, navigate to the Dashboard, click on Pages, and then select Add New Page. Give the page a name, such as "Home," or any other desired label. Next, choose the "home-page" template from the dropdown menu of available templates.


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


  • After completing this, you can view the front page's entire demo of the material.

Topbar Section


Use these guidelines to create 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.

Fill in all the information below. View the screenshot below for additional information.



Header Section


The header section's setup is demonstrated in this part. The first step is to include the site identification logo.

the steps for adding the site's 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 a menu, add pages to it, and choose where it will appear.

Setup Slider Section

To set up the slider, adhere to the instructions below.

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


You can customise the slider's image, title, and description in this section. You can change how many slides there are.

You can include a slider section in this.

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.


Follow the instructions listed below for the subsequent cause.

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


This will enable you to build up Our Causes section


Setup Feature Section

The products available on your store will all be shown in a slider in this area. Through the customizer, you can alter its appearance.

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


This will enable you to build up 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.


This will enable you to build up Upcoming Events section


Setup Gallery Section

In order to continue, Gallery Section,

You must turn on the TS Gallery pictures plugin for this section. (for more information refer to plugin section).

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



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

Put the copied ID number from above in the shortcode field.

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

Add the gallery id from the dashboard gallery page, the number of items to display, and bootstaponecolsize, which denotes the number of columns, to the shortcode.


This will enable you to build up Gallery section

Our Volunteers

You must activate the TS Charity pro Post Types plugin for this section. (for more information refer to plugin section).

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


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


This will enable you to build up Our Volunteers section


Our Mission

In order to continue, Our Mission Section,

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



The section comes from Contact form 7 Plugin


This section is set up so that users may quickly access products based on their age group.

Add the title of the specific age group along with a link to it in the customizer section.

This will enable you to build up Our Mission section


Setup Our Testimonials Section

You must activate the TS Charity pro Post Types plugin for this section. (for more information refer to plugin section).

Go to Dashboard >> Testimonial >> Add New.



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


This will enable you to build up Our Testimonials section

Setup Happy Donors Section

You must activate the TS Charity pro Post Types plugin for this section. (for more information refer to plugin section).

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




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


This will enable you to build up Happy Donars section

Setup Our Blogs Section

1.In order to continue, Our Blogs Section, Go to,

Dashboard >> Posts >> Add new Post.

View the screenshots below for a better understanding.


Follow the same procedures if you wish to add more posts.


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


This will enable you to build up Our Blogs section

Setup Our Sponsors Section

1.In order to continue, Sponsor Section,

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

Select the logos of the sponsor. Refer to the screenshot below for further information.


This will enable you to build up Our Sponsors section


Setup Footer Section

In order to continue, Footer section,

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


The footer contains four columns. Different elements can be displayed in each section. Regarding widgets,

Go To Dashboard >> Appearance >> Widgets .

Custom fields can be added to columns by dragging


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


This will enable you to build up Footer section

Setup Footer Text Section

To continue, you must first add and activate the Contact Form 7 plugin in the Footer Text box.

Go To Dashboard >> Contact.

Click on Add New


The email input box will then appear


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


This will enable you to build up Footer Text section

Plugin Configuration

The TS Charity Pro Post Types, TS Gallery Image, TS Title Banner Image, and Contact Form 7 plugins must be added to and activated in the Plugin area.

Steps for the plugin installation

Go To Dashboard >> Plugins >> Installed plugins.


You will have the opportunity to select a section that comes from a plugin once you have added and activated plugins. Refer to the screenshot below for further information.


For Events section


You can add a number of events based on your needs.

Using the same process, add the subsequent item to our section.



For Our Causes Section

Go to Dashboard>>Causes>>Add new Causes


See the following images for a better understanding.

Using the same process, add the subsequent item to our section.



Regarding the testimonials

Go to Dashboard>>Testimonial>>Add new.

See the following images for a better understanding.


Using the same process, add the subsequent item to our section.



Then comes the volunteer section.

Go To Dashboard>>Volunteer>>Add new




Regarding the Gallery Section

Go To Dashboard>>TS Gallery>>Add new





Regarding the 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. Access your WordPress Administration Panel by logging in. (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. Access your WordPress Administration Panel by logging in. (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. The component must first be downloaded from the source (which will be a zip file named bb-gallery-images.zip and bb-title-banner-image.zip). You must then visit the WordPress dashboard area and visit Plugins » Add New page.

  2. then select the Upload Plugin button at the top of the screen.
  3. You'll arrive at the plugin upload screen after doing this. Here, you must pick the plugin file you previously downloaded to your computer by clicking the choose file button.

  4. After choosing the file, you must pick the install now button.

  5. The plugin file from your machine will now be uploaded to WordPress, where it will be installed. You'll see that the installation is complete.
  6. Once the plugin has been installed, you must select the Activate Plugin link to use it.

Gallery Images

When you activate this plugin, the Dashboard will display the Gallery.

On the Add new gallery button, click. the title, too. Add the amount of photographs a gallery should display.






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

TS Title Banner Image

When you enable this plugin, all of the posts and pages will have a banner image option.

Go to Dashboard >> Pages >> Add New .Add all the information, then pick a banner. View the screenshot below for additional information.

The title can either be displayed or hidden here. If you don't want the title to appear on the banner, you can use this plugin to conceal it by checking the "Hide Title above banner" option.


Now you can view the page.


Banner image without title