Getting Started Documentation
Thanks for getting connected with us. We will ensure to get you help out all through this Document regarding theme setup and bug fixing as any occurs.
If you still have any query which is not in this document then feel free to contact us at support@theclassictemplates.com
Installation
There are usually 2 ways to install a theme via WordPress Admin Or FTP Panel.
Installation Via WordPress Admin area
- First you have fresh version of wordpress installed >> Login to WordPress administration
- Navigate to Dashboard >> Appearance >> Themes.
- Click on "Add New" button and Hit "Upload Theme" button and upload.
- Click on "Activate".
Installation Using FTP
- Open your FTP Client Server
- Navigate to unzipped theme folder >> Upload into wp-content > themes folder
- Now Activate the theme from wordpress panel >> Appearance > Themes and activate .
Basic Setup
Create and Setup Homepage
- Go to Dashboard Pages Add New
- Add Title and content of page >> Select Page Template as Home >> Publish
- To set Front page, Go to Dashboard >> Appearance >> Customize >> Appearance Settings >> Static Front Page
- Select option "Your homepage displays" to A static page option then select your page as front page from the Homepage drop down
Set Up Menus
- Go To Dashboard Appearance Menus
- Click on create a new menu.
- Enter menu name and click on Create Menu.
- Select Pages About Us, Services, FAQ, Team, Blog, Contact Us from left Side and click on Add to Menu button.
- After selecting pages select menu location and click on save menu.
- Click on Manage Locations.
- Click on Use new menu
- Add Menu Name
- Click on Create Menu button.
Set Up Header
- Go To Dashboard Appearance Customize Header Options
- Set Stickey Header to Enable / Disable also set relevant color
- Set Background Image For Header.
- Set Header Phone, Email & Socials Box display by enable disable buttons
- Add Phone Number, Email Texts & Set all social media links.
- Set All Colors Related With Header
- Click on Publish Button .
Widgets Management
- Go to Dashboard Appearance Widgets
- Drag & Drop Any Widgets That You Wants To Use.
Breadcrumbs Display
- Go to Dashboard Appearance Customize Appearance Settings Breadcrumb Options
- Add Breadcrumbs Text.
- Select all Colors Related With Breadcrumb.
Section Order
- Go to Dashboard Appearance Customize Appearance Settings Section Order
- Arrange Section Order That You Wants To Set For Your Website.
Colors Setting
To Setup colors for Innerpage Contents
- Go to Dashboard Appearance Customize Appearance Settings Colors For Innerpages
Font Settings
To Setup Header & Body Font Families that You Wants To Use For Your Website
- Go to Dashboard Appearance Customize Appearance Settings Typography
Custom CSS
You Can Add Your Custom CSS too.
- Go to Dashboard Appearance Additional Css
Homepage Sections
Homepage Banner Section
Create Homepage Banner
- Go to Dashboard Sliders
- Click on Add New button.
- Add the slider Title.
- Add slider button Texts with it links.
- Select slider featured image.
- Click on Publish Button.
Setup Homepage Banner
- Go to DashboardAppearanceCustomizerHomepage SettingsHomepage Banner Section
- Set Homepage Banner Content Display.
- Set Banner Overlay Background Color.
- Select All Colors Related With Banner.
- Click on Publish Button..
Facility Section
Setup and Display Facility
- Go to DashboardAppearanceCustomizeHomepage SettingsOur Facility Section
- Set Section Display using Enable/Disable button.
- Manage Background Image and Background color.
- Add Section Heading, Subheading, Content, Points & apply its relevant colors .
- Select No. of Facility boxs to show from dropdown button Facility boxs to show
- Set Facility Icons, Add Title for each Facility boxs
- Select All respective colors
- Click On "Publish" Button
About Us Section
- Go to DashboardAppearanceCustomizeHomepage SettingsAbout Us Section
- Set Section Display using Enable/Disable button.
- Set Background Color and Image as per need
- Set about us left images with it's display options & apply it's relavant color.
- Set about us left Year Number, Title & apply it's relavant color.
- Add Section Heading, Subheading & Contents also also apply colors related with contents.
- Set About Lists to show from dropdown.
- Select Font-Awesome Icon to show from dropdown and add content related with lists.
- Set Button Display using Enable/Disable Button as per need also set it's relavant colors.
- Click On "Publish" Button
Services Section
Adding Service
- Go to DashboardOur ServicesAdd New
- Add Service Title >> Service Content >> Custom Url >> set feature image .
- Click On "Publish" Button
Setup and Display Services
- Go to DashboardAppearanceCustomizeHomepage SettingsServices Section
- Set Section Display using Enable/Disable button.
- Set Background Image and Background color.
- Add Services Section Heading, Subheading & apply its relevant colors .
- Select No. of Services blocks to show from dropdown button Services to show
- Select Services from dropdown one by one
- Set Services button display using Enable/Disable button as per need
- Select All Colors Related with services
- Click On "Publish" Button
Step Section
- Go to DashboardAppearanceCustomizeHomepage SettingsStep Section
- Set Section Display using Enable/Disable button.
- Set Background Color and Image as per need
- Set Section Overlay Opacity also set it's relavant colors.
- Add Section Heading, Subheading & apply its relevant colors.
- Add Step Details Including Icon, Title, Description & Count Number.
- Select all colors related with counter
- Click On "Publish" Button
Contact Info Section
Create Contact Form
- Go to DashboardPluginsAdd NewDownload & Activate Plugins "Contact Form 7" (Skip this step if you have already downloaded this plugin)
- Create Contact Form & Copy Shortcode Which is Generated after Creating Form.
Setup and Display Form
- Go to DashboardAppearanceCustomize Homepage SettingsContact Info Section
- Set Section Display using Enable/Disable button.
- Set Background Color and Image for section as per need.
- Set Section Overlay Opacity also set color related with overlay.
- Add Contents also set it's display as per need
- Set Contact form box display using Hide/Show Button.
- Copy the shortcode of Created Contact Form in dashboard and Add shortcode here
- Select all respective colors
- Click On "Publish" Button
Team Section
Adding Team
- Go to DashboardTeamsAdd New
- Add Client's Name.
- Add Social Media Links.
- Add Clients Designation >> Feature image
- Select featured image for client which is at right corner of page.
- Click On "Publish" Button
Setup and Display Team Section
- Go to DashboardAppearanceCustomizeHomepage SettingsTeam Section
- Set Section Display using Enable/Disable button.
- Set Background Color and Image as per need.
- Add Heading & Subheading for section with respective colors
- Set Team to show
- Select Client's with name one by one
- Set all respective colors
- Click On "Publish" Button
Testimonials Section
Adding Testimonials
- Go to DashboardTestimonialsAdd New
- Add Client's Name.
- Add Testimonial Content.
- Add Clients Designation >> Feature image
- Select featured image for client which is at right corner of page.
- Click On "Publish" Button
Setup and Display Testimonials
- Go to DashboardAppearanceCustomizeHomepage SettingsTestimonials Section
- Set Section Display using Enable/Disable button.
- Set Background Color and Image as per need.
- Set Section Overlay Opacity with its relavant color.
- Add Heading & Subheading for section with respective colors
- Select No. of Testimonials blocks to show from dropdown button Testimonials to show
- Select Client's with name one by one
- Set all respective colors
- Click On "Publish" Button
Projects Section
Adding Project
- Go to DashboardOur ProjectsAdd New
- Add Project Title >> Project Content set feature image .
- Click On "Publish" Button
Setup and Display Projects
- Go to DashboardAppearanceCustomizeHomepage SettingsProject Section
- Set Section Display using Enable/Disable button.
- Set Background Image and Background color.
- Add Projects Section Heading, Subheading & apply its relevant colors .
- Select No. of Projects blocks to show from dropdown button Projects to show
- Select Projects from dropdown one by one
- Select All Colors Related with projects
- Click On "Publish" Button
Pricing Section
- Go to DashboardAppearanceCustomizeHomepage Settingspricing Section
- Set Section Display using Enable/Disable button.
- Set Background Color and Image as per need
- Set Section Overlay Opacity also set it's relavant colors.
- Add Section Heading, Subheading & apply its relevant colors.
- Select No. of Pricing blocks to show from dropdown button Pricing to show
- Add Pricing Details Including Plan Name, Plan Price Unit, Plan Price, Plan Start Label, Plan Content, Trail Text & Add Link For Free Trail.
- Select all colors related with pricing
- Click On "Publish" Button
Gallery Section
Adding Gallery
- Go to DashboardOur GalleryAdd New
- Add Gallery Title >> set feature image .
- Click On "Publish" Button
Setup and Display Gallery
- Go to DashboardAppearanceCustomizeHomepage SettingsGallery Section
- Set Section Display using Enable/Disable button.
- Set Background Image and Background color.
- Add Gallery Section Heading, Subheading & apply its relevant colors .
- Select No. of Gallery blocks to show from dropdown button Gallery to show
- Select Gallery from dropdown one by one
- Select All Colors Related with Gallery
- Click On "Publish" Button
Blogs or Posts Section
Adding Posts
- Go to DashboardPostsAdd New
- Add Posts Title.
- Select Categories.
- Select Tag.
- Select Featured Image for post.
- Click On "Publish"
Setup and Display Posts
- Go to DashboardAppearanceCustomizeHomepage SettingsBlog Section
- Set Section Display using Enable/Disable button.
- Set Background Color and Image for section as per need.
- Add Heading & Subheading for section with respective color
- Select No. of posts to show from dropdown button Number of posts to show or leave it if posts is there.
- Select the exclude category if need.
- Select all relative colors.
- Click On "Publish" Button
List of Shortcodes
Use this shortcode in single inner pages to show all list of content
Shortcode list also Included in theme customizer Go To >> DashboardAppearanceCustomize Appearance SettingsTheme Shortcode List
Team
[EXPERTS]
Services
[OurServices]
Projects
[OurProjects]
Testimonial
[ClientTestimonials]
FAQ
[FAQ]
Gallery
[Gallery]
How to setup shortcode in inner pages
- Go to DashboardPagesAdd New
- Add Page Title.
- Add any Shortcode in page content area [Shortcode]
- Click On "Publish"
- To Setup Colors of any shortcodeGo ToDashboardAppearanceCustomize Appearance SettingsColors
Blog Template
- Go to DashboardPagesAdd New
- Add Page Title.
- Select Page Template "Blog " From right sided Page Attributes Page Attributes >> Template option.
- Click On "Publish"
Contact Us Page
Create Page
- Go to DashboardPagesAdd New
- Add Page Title >> Page content.
- Select Page Template "Contact " From right sided Page Attributes >> Template option.
- Click On "Publish"
Setup and Display Contact
- Go to DashboardAppearanceCustomizerAppearance SettingsContact Us Page.
- Set Background Color and Image for section as per need.
- Add Contact Page Tagline & Text with respective color.
- Add Contact Page Information .
- Add Contact Form Shortcode.
- Add Map Embed Code.
- Select All Colors Related With Contact Page.
- Click On "Publish"