TC Township WordPress Theme Documentation

Introduction

Thank you for installing 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

Click here for 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.
tc-township-lite_1.1.4.zip: this folder contains 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 scritps.

Template Installation

Template installation is very easy process.

Step 1. Theme Installation

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

All installation steps can be done within WordPress interface. It makes process comfortable and fast.

Go to the menu Appearance Themes.

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

Click on upload theme button.

Click on Browse Button then select your tc-township-lite.zip theme and click on Install Now Button..

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

Congratulations, your theme have been successfully installed!

Step 2. Install a Theme using FTP

Your second installation option is to upload the theme via FTP. For this method first log into your site via FTP and browse to your folder located at wp-content/themes. Unzip the theme file you downloaded and upload only the extracted Total folder to your server.

Next log into your WordPress site and navigate to Appearance Themes to activate.

Theme Setup

Once you view your site after activating the theme, You will see the index page with the latest post. Now you will need to setup the home page template to show all the demo section on your front page.

Setup Home Page Template

Follow these instructions to setup Home page.

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

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.

Setup Theme Layout

In order to proceed with Theme Layout Setup.

1. Site Layout:

Go to Appearance Customize Theme setting Theme Layout setting

Select the site layout which you want, it has three site layouts

1. Full Layout: In this, theme will appear as deafault.

2. Contained Layout: In this, theme will appear as it is in the container-fluid.

3. Boxed Layout: In this, theme will appear as it is in the box container.

Suppose, Full layout selected then it will appear like below screenshot.

Suppose, Boxed layout selected then it will appear like below screenshot.

2. Sidebar Layout:

Go to Appearance Customize Theme setting Theme Layout setting

You can select the sidebar layout from here.

Setup Color/Font Pallete

In order to proceed with Color/Font Pallete.

Go to Appearance Customize Theme setting Color/Font Pallete

1. Theme Color: Here You can change the global theme color.

After color change theme will look like below screenshot.

2. Color: Here you can change the colors of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

2. Fonts: Here you can change the Font Family of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

3. Font Size: Here you can change the Font size of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

Their customizer settings are like below screenshot.

Setup Top Bar

In order to change Logo width.

Go to Appearance Customize Site Identity

here you can add logo and also you can change the logo width.

In order to proceed with Top bar section.

Go to Appearance Customize Theme Settings Top Bar

Sticky Header: Here You have an option to stick the header on top.
Add Phone No. : You can enter Contact No. here. and it will be displayed on the top-bar of your website.
Email : You can enter your mail id here which you want to be displayed on the top bar of your website.
Add Youtube Link : You can add your youtube link here. As soon as you add youtube link here, an youtube social icon appears on the top-bar of your website.
Add Facebook Link : You can add your facebook link here. As soon as you add facebook link using this option, an facebook social icon will be displayed on the top-bar of your website.
Add Twitter Link: You can add your twitter link here. As soon as you add twiiter link here, you can see twiiter icon in the top-bar of your website.
Add RSS link: You can add RSS Link here. As soon as you add RSS link here, RSS icon will be displayed on the top-bar of your website.
Navigation Case:Here You have an option to add navigation case like uppercase and capitalize.
Navigation Font Size:Here You have an option to add font size of navigation.

Setup Slider

Follow these instructions to setup slider

1. Create a new page and name it as "slide1" or whatever you want, set it's featured image, title, and the content. Repeat this process for other slides.

In order to proceed with slider.

Go to Appearance Customize Theme Settings Slider Settings and select the page which you have created for slider and click twice the checkbox of show/Hide Slider.

In order to proceed with Slider Section,

Go to Appearance Customize Theme Settings Slider Setting

1. Show / Hide slider: Here You have an option to Show / Hide slider

2. Select Slide Image Page: Here You have an option to add path of slider image.

3. Show / Hide Slider Title: Here You have an option to Show / Hide Title of slider.

4. Show / Hide Slider Content: Here You have an option to Show / Hide Content of the slider.

5. Show / Hide Slider Button: Here You have an option to Show / Hide Button on the slider.

6. Slider Excerpt length: Here You have an option to add height and width text area of slider box.

7. Slider Button Text: Here You have an option to add button text for slider, GET IN TOUCH.

8. Slider Image Opacity: Here You have an option to change transparency of slider image.

9. Slider Content Alignment: Here You have an option to add position of slider content, Left Alignment, Center Alignment, Right Alignment.

10. Slider Content Spacing: Here You have an option to add spacing beteween the slider content , top-bottom and left-right.

11. Slider Speed: Here You have an option for give the speed of slider to load slider fast..

Setup Our Amenities

Go to Dashboard Posts Categories.

Add new category here.

Go to Dashboard Posts Add New.

Add new post and select category.

Go to Customizer Theme Settings Service Section

In this way you can add service section.

Setup Footer Section

Footer have four coloumns. You can add any widget there.

There are two ways adding widgets to the footer.

1. Go to Appearance Widgets.

Here is a screenshot below for adding widgets to footer.

You can add footer coloumns, for that you you need to select widgets like text, image, gallery, etc which allows you to add text or image as per your choice with ease.

Once you add widgets to the footer, your footer will look like this,

2. Now, let's see the another important way to add widgets to the footer of your website.

Go to Appearance Customize Widgets

Once you will select widgets, you will get this page, refer the below screenshot.

Now you can select footer1, footer2 footer3 and footer4 option to add footer contents using widgets one by one.

Once you are done setting up footer, footer of your website will look like this,

Contents may vary as you add it.

Go to Appearance Customize Theme Settings Footer Section.

In order to proceed with Footer Section,

1. Show/Hide Back to Top Button: Here You have an option to Show/Hide Back to Top Button.

2. Back to Top Icon: Here You have an option for Back to Top Icon.

3. Back to Top Button Text: Here You have an option to Back to Top Button Text.

4. Back to Top Button Alignment: Here You have an option to Alignment of Back to Top Button like Right , Center , Left.

5. Footer Background Color: Here You have an option to Selecting Background color for footer.

6. Footer Background Image: Here You have an option to Selecting Background image for footer

Footer Text

In order to proceed with Footer,

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

Footer Text : You can add text which you want to show on footer here

In order to proceed with copyright Section,

1. Copyright Alignment: Here You have an option for Copyright Aligntment like Center , Left , Right.

2. Copyright Font Size: Here You have an option for Font Size of Copyright.

3. Copyright Top Bottom Padding: Here You have an option to Top Bottom Padding of Content for Copyright.

4. Copyright Text: You can add text which you want to show on footer here.

Setup 404 & No Result Page Section

Go to Appearance Customize Theme Settings 404 & No Result Page Section.

In order to proceed with 404 Section.

1. 404 Page Title: error 404 page has a page title not found.

2. 404 Page Text: error 404 page has a page Contain not found

3. 404 Page Button Text: error 404 page Text of Button not found

WooCommerce Plugin

First, you need to download woocommerce plugin from the site Wordpress.org . Next, you need to go to WordPress admin and visit Plugin.

You will see a success message like this after installation is finished.Once installed, you need to click on the Activate Plugin link to start using the plugin.

Setup WooCommerce Section

Go to Appearance Customize Theme Settings Additional WooCommerces Section.

In order to proceed with Additional WooCommerces Section.

1. Product per row: Here You have an option to add Number Of Product in one Row.

2. Product per page: Here You have an option to add Number Of Product in one single page.

3. Enable / Disable Shop page sidebar: Here You have an option to Enable / Disable sidebar of shop page.

4. Enable / Disable Product page sidebar: Here You have an option to Enable / Disable sidebar of product page.

5. Enable / Disable Related product: Here You have an option to Enable / Disable Feature Related product.

6. Button Top Bottom Padding: Here You have an option to add top bottom padding of Product button.

7. Button Border Radius: Here You have an option to add border radius of Product button.

8. Enable / Disable product border: Here You have an option to Enable / Disable product Outer border.

9. Enable / Disable product border: Here You have an option to Enable / Disable product Outer border.

10. Product Top Bottom Padding: Here You have an option to top bottom padding for product.

11. Product Right Left Padding: Here You have an option to right left padding for product.

12. Product Border Radius: Here You have an option to add border to product.

13. Product Box Shadow: Here You have an option to add Box Shadow for product.

14. Sale badge Position: Here You have an option to add postion of sale badge like right portions or left position.

15. Sale Top Bottom Padding : Here You have an option to add top bottom padding for sale badge.

16. Sale Border Radius: Here You have an option to add border radius for sale.

Setup Navigation

First of all create pages from Go to >> Dashboard Pages Add New Page.
Go to Appearance Menu.
Click on Create a new menu link
Give a name to your menu in Menu name and click save menu button.
Once you have create menu. You need to add pages by selecting with checkboxes. After adding menu list you can arrange it by drag and drop.
Select menu theme location from the below checkboxes

See this screenshot for better understanding.

Page Templates and Sidebars

Page Templates

Default Template (The default page template with a right sidebar position)
Home Page Template (Front page with the demo content)
Page(Left sidebar) (A page templates with left sidebar position)
Page(Right sidebar) (A page 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

Log into your WordPress Administration Panel (Dashboard).

Click the Posts tab.

With that done, click Categories for blog posts.
Type in the name of your new category.
After that, click the Add New Category button.

Click the Publish button.

Go to Appearance Customize Theme Settings Post Setting

In order to proceed with Post Section,

1. Enable / Disable Post Date: Here You have an option to Enable / Disable Post Date.

2. Enable / Disable Post Author: Here You have an option to Enable / Disable Post Author.

3. Enable / Disable Post Comments: Here You have an option to Enable / Disable Post Comments.

4. Enable / Disable Featured Image: Here You have options to Enable / Disable Featured Image.

5. Featured image border radius: Here You have options to add border radius for featured image

6. Featured image box shadow: Here You have an option to add box shadow for featured image.

7. Post Content Type: Here You have an option to post content type like showing content full or Excerpt Content.

8. Post Button Text: Here You have an option to add text for post button.

9. Top Bottom Button Padding: Here You have an option to add top bottom padding for post button.

10. Left Right Button Padding: Here You have an option to add left right padding for post button.

11. Button Border Radius: Here You have an option to add border radius for post button.

Creating a Blog post

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