Elite Soccer Club Pro Documentation
Your awesome theme / template documentation
Introduction
- Theme Name : Elite Soccer Club Pro
- Author : mishkatwp
- Support Forum : https://www.mishkatwp.com/support/mishkat-wp/
- License : GNU General Public License v3 or later
- Description : The Soccer Club WordPress Theme is a premium website template specifically designed to meet the needs of soccer clubs, academies, and coaching organizations. Its primary purpose is to help professional and youth soccer clubs establish a robust online presence by providing a visually appealing and user-friendly platform. Whether you’re running a soccer training academy, an elite football team, or a competitive soccer league, this theme enables you to present all aspects of your soccer club seamlessly. With specialized sections for soccer player development, elite soccer programs, and advanced training programs, it’s perfect for any club aiming to elevate its online identity and attract more members. The theme features retina-ready visuals, stunning animations, and an interactive design that attracts and retains visitors, offering them an engaging experience from start to finish. The dynamic layout supports all the key elements of a modern soccer club, including team profiles, event schedules, training programs, and membership options. Whether you are promoting youth soccer camps, soccer tactical workshops, or soccer coaching sessions, the theme gives you the tools to showcase your services in a professional manner. It also provides seamless integration with social media, allowing your club to connect with its audience and share news, updates, and upcoming events.
How to Establish the Theme
Setup Theme
Template installation is very simple process.
You can also install your theme using WP Admin
he first task is to log in to your WordPress admin area. Next, click on
1. In dashboard click on Appearance >> Themes
2. Click on the Add New button at the top of the themes page once page is loaded
3. Click the button labelled as 'Upload Theme'.
Select the elite-soccer-club-pro.zip theme from the Browse Button, then click the Install Now button
5. WordPress will now install your theme and display a success message, as well as a link to activate or to see the live preview. Congratulations on completing the installation of your theme.
Demo Importer -
Follow below instructions to setup photography-album-pro theme.
In the Dashboard, go to Appearance >> Elite Soccer Club Pro Themes Setup
Once you are on the Elite Soccer Club Pro themes setup, click on the start button.
As the demo importer process finish then check your site, all the content will imported and theme will display like live demo.
Necessary Plugins
When you initially activate the theme, you'll be asked to install these plugins on your Dashboard. You can ignore the message if you don't want to install these plugins on theme activation, and if you change your mind later, you can install them manually.
In the Dashboard, click on Plugins >> Install Plugins.
Kirki
Plugin download link kirki
Contact Form 7
Plugin download link contact-form-7
WooCommerce
Plugin download link WooCommerce
Elite Soccer Club Pro Custom Posttype
Plugin download link Elite Soccer Club Pro Custom Posttype
Menu Setup
Menu Setup
In the dashboard, go to Appearance >> Menu
From the 'Appearance' menu on the left-hand side of the Dashboard, select the 'Menus' option to bring up the Menu Editor.
Select Create a new menu at the top of the page. Enter a name for your new menu in the Menu Name box. Click the Create Menu button.
Your new custom menu has now been defined.
Adding Items to a Menu
Select the Pages that you want to add by clicking the checkbox next to each Page's title.
Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
Click the Save Menu button once you've added all the menu items you want.
Your custom menu has now been saved.
In front end, it will look like this.
Elite Soccer Club Pro Theme Setup
Top Header
In order to proceed with you can set contact number, text content so follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Header Settings
In front end, it will look like this.
Logo Setup
In order to proceed with Theme Logo setup, you can set site title and tagline, follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Site Identity >> Logo Or Set Title and Tagline You can also Enable / Disable Site Title and Tagline
In front end, it will look like this.
Slider Section
Slider Settings
In order to proceed with Theme Slider Settings , you can set slide show , follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Slider Settings
Select number slides to show. You can set heading and content. You can choose from this options for each slider option.
In front end, it will look like this.
Know Us Settings
Know Us Settings
In order to proceed with Know Us Settings follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Know Us Settings
In front end, it will look like this.
Featured Program Settings
Featured Program Settings
In order to proceed with Featured Program Settings follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Featured Program Settings
In front end, it will look like this.
Video Settings
Video Settings
In order to proceed with Video Settings follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Video Settings
In front end, it will look like this.
Join Us Settings
Join Us Settings
In order to proceed with Join Us Settings follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Join Us Settings
In front end, it will look like this.
staff Settings
staff Settings
In order to proceed with staff Settings follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> staff Settings
In front end, it will look like this.
Gallery Settings
Gallery Settings
In order to proceed with Gallery Settings follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Gallery Settings
In front end, it will look like this.
Facilities Settings
Facilities Settings
To proceed with Post, you should first choose the post title,featured image choose the category in which you want your post to appear.
Follow the instructions given below to setup Facilities.
In the Dashboard, go to Facilities >> Add New Post
You can make multiple posts for Facilities.
Once you have done with this you will see the post on your front page.
In order to proceed with Facilities Settings follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Facilities Settings
In front end, it will look like this.
Match Highlights Settings
Match Highlights Settings
To proceed with Post, you should first choose the post title,featured image choose the category in which you want your post to appear.
Follow the instructions given below to setup Highlights.
In the Dashboard, go to Highlights >> Add New Post
You can make multiple posts for Highlights.
Once you have done with this you will see the post on your front page.
In order to proceed with Match Highlights Settings follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Match Highlights Settings
In front end, it will look like this.
Tickets Settings
Tickets Settings
In order to proceed with Tickets Settings follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Tickets Settings
In front end, it will look like this.
Latest News Settings
Latest News Settings
To proceed with Post, you should first choose the post title,featured image choose the category in which you want your post to appear.
Follow the instructions given below to setup Latest News.
In the Dashboard, go to News >> Add New Post
You can make multiple posts for News.
Once you have done with this you will see the post on your front page.
In order to proceed with Latest News Settings follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Latest News Settings
In front end, it will look like this.
Testimonial Settings
Testimonial Settings
To proceed with Post, you should first choose the post title,featured image choose the category in which you want your post to appear.
Follow the instructions given below to setup Testimonial.
In the Dashboard, go to Testimonial >> Add New Post
You can make multiple posts for Testimonial.
Once you have done with this you will see the post on your front page.
In order to proceed with Testimonial Settings follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Testimonial Settings
In front end, it will look like this.
Team Settings
Team Settings
In order to proceed with Team Settings follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Team Settings
In front end, it will look like this.
Newsletter Settings
Newsletter Settings
To proceed with Contact form, you should first install the contact-form-7 plugin.
Follow the instructions given below to setup Newsletter.
In the Dashboard, go to Contact >> Contact Forms >> Newsletter
In order to proceed with Newsletter Settings follow the instructions given below.
Than in the Dashboard, go to Appearance >> Customize >> Theme Options >> Newsletter Settings
In front end, it will look like this.
Footer And Copyright Settings
There are four columns in the footer. Any widget can be added there.
1. In the Dashboard, go to Appearance >> Widgets
To add widgets to the footer, see the screenshot below.
You can add footer columns by selecting widgets such as text, images, Recent posts and so on, which allow you to quickly add text or images of your choice.
In order to manage content for footer and add some widgets, navigate to, follow the instructions given below.
2. In the Dashboard, go to Appearance >> Widgets >> Footer Sidebar
3. In the Dashboard, go to Appearance >> Customize >> Theme Options >> Footer And Copyright Settings
In front end, it will look like this.
Theme Color / Font Option
Setup Background
Background Settings
In order to proceed with Background Settings follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Background Settings >> Know Us Section
You can set background color for section. You can choose from this options for each Background Section.
In front end, it will look like this.
Setup Theme Font Style
Typography Options
In order to proceed with Typography Options, you can change complete font style just one click. follow the instructions given below.
You can change heading and body font style
In the Dashboard, go to Appearance >> Customize >> Typography Options
In front end, it will look like this.
Setup Theme Color
Color Options
In order to proceed with theme color option, you can change complete font color and button background and border color on just one click. follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Color Option
In front end, it will look like this.
Page Templates Settings
Setup Contact Page -
Follow these instructions to setup contact page.
Make a page to set the template: In dashboard, click on Pages >> Add New Page
Name it "Contact" or whatever you want. Then, from the template dropdown, select the "contact page template."
The Page Attributes section provides your page a parent page and a template.
How to Construct a Contact Form -
The Contact Form 7 plugin is installed in the usual way. Click Plugins > Add New in the WordPress dashboard and type Contact Form 7 in the Search box. From the search result, select the plugin and click the Install Now option.
From the admin panel, just go to Contact > Contact Forms to create a Contact Form. There is a list of the forms that are available, though there are none, at now
You may also create your own contact form by clicking on the Contact >> Add New
Building a new form of contact -
Scroll to Form and give this new contact form a name. You can make modifications to contact form template from here.
The multiple fields which will display on your form, as well as the labels that will be next to those fields, are defined by the template.
When you are done with changes, click Save.
A key step is to copy the Shortcode that displays next to your contact form. This is displayed in the form editor as well.
Contact Form Section
In the Dashboard, go to Appearance >> Customize >> Contact Page Settings >> Contact Form Section
Place the Contact Form-7 shortcode code in customize option.
In the Dashboard, go to Appearance >> Customize >> Contact Page Settings >> Location Section
You can set location. You can choose from this options for each Location Section.
In the Dashboard, go to Appearance >> Customize >> Contact Page Settings >> Enquiry Section
You can set time, location, contact. You can choose from this options for each Enquiry Section.
In front end, it will look like this.
Setup Blog Page
Set Up Post Right Sidebar
Follow these instructions to setup post right sidebar page.
1. Make a page to set the template: Go to Dashboard >> Pages >> Add New Page
Caption it "Post Right Sidebar" or anything you want to. Then, from the template dropdown, chose "Post Right Sidebar.
The options of this page template (like sections content, images and number of posts they display) can be controlled it.
The Page Attributes section provides your page a parent page and a template.
1. Make a page to set the template: In dashboard, click on Pages >> Add New Page
In front end, it will look like this.
Set Up Post Left Sidebar
Follow these instructions to setup post left sidebar page.
1. Make a page to set the template: In the Dashboard, go to Pages >> Add New Page
Title it "Post Left Sidebar" or anything you like. Then, from the template dropdown, pick "Post Left Sidebar".
The options of this page template (like sections content, images and number of posts they display) can be controlled it.
The Page Attributes section provides your page a parent page and a template.
1. Make a page to set the template: In dashboard, click on Pages >> Add New Page
In front end, it will look like this.
Setup Page Template
Set Up Page Right Sidebar
Follow these instructions to setup page right sidebar page.
1. Make a page to set the template: In the Dashboard, go to Pages >> Add New Page
"Label it "Page Right Sidebar" or anything as you like". Then, from the template choices, select "Page Right Sidebar".
The options of this page template (like sections content, images and number of posts they display) can be controlled it.
The Page Attributes section provides your page a parent page and a template.
1. Make a page to set the template:In dashboard, click on Pages >> Add New Page
In front end, it will look like this.
Set Up Page Left Sidebar
Follow these instructions to setup page left sidebar page.
1. Make a page to set the template: In the Dashboard, go to Pages >> Add New Page
Label it "Page Left Sidebar" or anything as you want. Then, from the template choices, select "Page Left Sidebar.
The options of this page template (like sections content, images and number of posts they display) can be controlled it.
The Page Attributes section provides your page a parent page and a template.
1. Make a page to set the template: In dashboard, click on Pages >> Add New Page
In front end, it will look like this.
Theme Post & Page Settings
Post Admin, Comments and Date settings
Post Admin, Comments and Date settings
In order to proceed with Post Admin, Comments and Date settings follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Post Settings
You can Enable / Disable post of admin, comments and date. You can choose from this options for each Post Settings.
In front end, it will look like this.
Post Content Settings
Post Content Settings
In order to proceed with you can set post content lenght, follow the instructions given below.
In the Dashboard, go to Appearance >> Customize >> Theme Options >> Post Settings
In front end, it will look like this.
Post and Page Banner Settings
Post and Page Banner Settings
In order to proceed with you can change banner background image and color . follow the instructions given below.
You can change also page and poste title color. You can choose from this options for each Post Settings.
In the Dashboard, go to Appearance >> Customize >> Theme WooCommerce Settings >> WooCommerce Page Layout
In front end, it will look like this.
