1. Lets Start
Welcome to the documentation for Safety Wear Pro Theme! This documentation is designed to guide you through the installation, setup, customization, and usage of our theme. Whether you're a beginner or an experienced WordPress user, this documentation will help you make the most out of our theme.
Documentation Structure
This documentation is organized into several sections to help you navigate through different aspects of using our theme:
- Introduction: Get an overview of our theme, its features, and the documentation structure.
- Installation: Learn how to install and activate the theme on your WordPress website.
- Setup: Follow step-by-step instructions to set up your website using our theme, including configuring theme options, creating pages, and setting up widgets.
- Customization: Explore various customization options available in our theme, including theme customizer settings, page builder integration, and custom CSS.
- Support: Find resources and guidelines for getting support, including documentation, knowledge base, support forum, and contact information.
Feedback and Support
Your feedback is important to us! If you have any questions, suggestions, or issues related to our theme, please don't hesitate to reach out to our support team. We're here to help you make the most out of your WordPress website.
Safety Wear Pro Theme is a versatile and feature-rich WordPress theme designed to cater to the needs of businesses in the safety wear industry. Whether you're selling safety equipment, offering safety training services, or providing information about safety regulations, this theme is built to showcase your offerings effectively.
Get started with Safety Wear Pro Theme today and take your safety wear business to the next level!
Safety Wear Pro Theme is designed to help you create a professional, informative, and user-friendly website for your safety wear business. With its extensive features and flexible customization options, you can tailor your website to meet your specific needs and goals.
- Safety Tips Section: Educate your audience with a dedicated section for safety tips, regulations, and guidelines. Keep your visitors informed and engaged.
- WooCommerce Integration: Seamlessly integrate WooCommerce to set up an online store and sell safety wear products directly from your website.
- Product Showcase: Showcase your safety wear products with beautiful product galleries, sliders, and custom product pages.
- Flexible Customization: Customize every aspect of your website with ease using the built-in theme customizer. Choose from multiple color schemes, typography options, layout variations, and header/footer styles to create a unique and personalized website that reflects your brand identity.
- Responsive and Mobile-Friendly: Safety Wear Pro is fully responsive and mobile-friendly, ensuring your website looks stunning and functions flawlessly on all devices, including smartphones, tablets, and desktops.
- Dedicated Support: With our dedicated support team, you're never alone on your website-building journey. We provide comprehensive documentation, tutorials, and timely support to help you overcome any challenges and make the most out of Safety Wear Pro.
2. Template Installation
Using the WordPress admin theme search feature is the simplest feature to deploy a free WordPress theme from the WordPress.org themes repository.
-
Click Dashboard >> Appearance >> Themes
-
Click the Add New button at the top of the themes page after you've arrived there.
-
To upload a theme, click the button.
-
Select your prime-flower-shop-pro.zip theme by clicking the Browse button, and then hit the Install Now button.
- Connect to your server via FTP after installing and configuring your FTP application. You must navigate to the (/wp-content/themes/) route. Simply upload your themme's folder there after you've arrived.
- Keep in mind that before utilising FTP to upload a theme, the folders must be unzipped. Once the theme has been uploaded, go to your admin area and select Appearance » Themes.
- The theme that you submitted need to be listed there. Your WordPress theme has been successfully installed and activated when you move your mouse over it and click the activate button.
3. Color Font Setup
The method of changing the colour or font is quite simple. You can change the color and font of the headings (h1,h2,....,h6), paragraphs (p), and buttons (Button) with a single quick click.
Depending on the amount of options accessible in each area, there is an option to change the colour scheme for the headings, title/text, paragraphs, button text, and button background.
![Same setting will appear for Title and paragraphs as well Font Setting for Font](assets/images/body-font-settings.png)
![Highlight Color For Theme Highlight Color](assets/images/color-pallete.png)
4. Theme Setup
Configure the home page template
Set up your home page by following these instructions.
-
To set a template, create a page: Select "Dashboard" >> "Add New Page"
You can label it anything you Choose, such as "home." then pick the "home-page" template from the template menu.
-
Set the home page to: Navigate to Setting > Reading > Set the home page as the front page display static page.
![Topbar Topbar](assets/images/topbar.png)
To set up the Topbar, adhere to the procedures below.
Select Topbar Section Settings from Appearance >> Customize >> Theme Settings .
![Set Navigation Menu Set Navigation Menu](assets/images/topbar1.png)
![Content Font Settings Content Font Settings](assets/images/topbar2.png)
![Content Font Settings Content Font Settings](assets/images/topbar3.png)
The following sections are included in the Topbar Section customization:
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Content
- Depending on the content, different font & Icon settings.
![Content Font Settings Content Font Settings](assets/images/header.png)
-
To set up the Header, adhere to the procedures below.
Select Header Section Settings from Appearance >> Customize >> Theme Settings .
The following sections are also included in the Header Section customization:
- Section marked "Enable/Disable"
- Logo Image
- Depending on the content, different font settings.
![Set Navigation Menu Set Navigation Menu](assets/images/banner1.png)
To set up the banner, adhere to the procedures below.
Select Banner Section Settings from Appearance >> Customize >> Theme Settings .
![Set Navigation Menu Set Navigation Menu](assets/images/banner2.png)
![Set Navigation Menu Set Navigation Menu](assets/images/banner3.png)
You can customise the slider's picture, title, and description in this area.
You can change how many slides there you want. Additionally, you can change the font family, font weight, font size, and the colors of the headings and subheadings and also settings are given for navigation arrows .
SELECT Customize >> Theme Settings >> About Safety Wear Section under Appearance.
![about Section about Section](assets/images/about.png)
![about Section about Section](assets/images/about1.png)
![about Section about Section](assets/images/about2.png)
The following sections are included in the About Safety Wear Section customization:
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images
- In this section we have also given to change video
- Dynamic Content
- Depending on the content, different font settings.
SELECT Customize >> Theme Settings >> Feature Section under Appearance.
![Feature Section Section Feature Section Section](assets/images/feature1.png)
![Feature Section Customizer Settings Feature Section Customizer Settings](assets/images/feature2.png)
![Feature Section Customizer Settings Feature Section Customizer Settings](assets/images/feature3.png)
The following sections are included in the Feature Section customization:
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images
- Dynamic Content
- Depending on the content, different font settings.
SELECT Customize >> Theme Settings >> Services Section Under Appearance.
![Services Section Services Section](assets/images/service1.png)
In this section the content is taken by the Post type named as "Services" for any changes of content you'll have to do following steps:
-> Go to Dashboard
-> Then Select "Services" Post Type
-> In this post youh can edit what images and content you wanna show on your home page
-> And there you can edit and add content manually according to your preference and then do publish
-> You can refer Images
![Services Section Services Section](assets/images/service2.png)
![Services Section Services Section](assets/images/service3.png)
![Services Section Services Section](assets/images/service4.png)
The following sections are included in the Safety Wear Services Section customization:
- Section marked "Enable/Disable"
- Background Color / Background Image
- Depending on the content, different font settings.
SELECT Customize >> Theme Settings >> Our Incredible Projects Section under Appearance.
![Our Incredible Projects Customizer Settings Our Incredible Projects Customizer Settings](assets/images/project1.png)
In this section the content is taken by the Post type named as "Projects" for any changes of content you'll have to do following steps:
-> Go to Dashboard
-> Then Select "Projects" Post Type
-> In this post youh can edit what projects you wanna show on your home page
-> In "Projects" Post Type by the given steps you can also manage which projects you wanna show in which category according to your choices
-> And there you can edit and add content manually according to your preference and then do publish
-> You can refer Images
![Our Incredible Projects Section Our Incredible Projects Section](assets/images/project2.png)
![Our Incredible Projects Section Our Incredible Projects Section](assets/images/project3.png)
![Our Incredible Projects Section Our Incredible Projects Section](assets/images/project4.png)
![Our Incredible Projects Section Our Incredible Projects Section](assets/images/project5.png)
The following sections are included in the Our Incredible Projects Section customization:
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images
- Dynamic Content
- Depending on the content, different font settings.
SELECT Customize >> Theme Settings >> Get Consultancy Section under Appearance.
![Get Consultancy Section Get Consultancy Section](assets/images/consult1.png)
![Get Consultancy Section Get Consultancy Section](assets/images/consult2.png)
![Get Consultancy Section Get Consultancy Section](assets/images/consult3.png)
The following sections are included in the Get Consultancy Section customization:
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images
- Dynamic Content
- Depending on the content, different font settings.
SELECT Customize >> Theme Settings >> Why Choose Safety Wear Section under Appearance.
![Why Choose Safety Wear Section Why Choose Safety Wear Section](assets/images/choose1.png)
![Why Choose Safety Wear Section Why Choose Safety Wear Section](assets/images/choose2.png)
![Why Choose Safety Wear Section Why Choose Safety Wear Section](assets/images/choose3.png)
The following sections are included in the Why Choose Safety Wear Section customization:
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images
- Dynamic Content
- Depending on the content, different font settings.
SELECT Customize >> Theme Settings >> Records Section under Appearance.
![Records Section Records Section](assets/images/record1.png)
![Records Section Records Section](assets/images/record2.png)
![Records Section Records Section](assets/images/record3.png)
The following sections are included in the Records Section customization:
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images
- Dynamic Content
- Depending on the content, different font settings.
SELECT Customize >> Theme Settings >> Safety Wear Accesories Section under Appearance.
![Safety Wear Accesories Section Safety Wear Accesories Section](assets/images/product1.png)
This is "Woocommerce" section and in this if you wanna edit the content you'll have to do following steps:
-> Go to Dashboard
-> Then Select "Product" Post Type
-> In this post type you can edit your product details
-> And there you can edit and add content manually according to your preference and then do publish
![Safety Wear Accesories Section Safety Wear Accesories Section](assets/images/product2.png)
![Safety Wear Accesories Section Safety Wear Accesories Section](assets/images/product3.png)
![Safety Wear Accesories Customizer Settings Safety Wear Accesories Customizer Settings](assets/images/product4.png)
The following sections are included in the Safety Wear Accesories Section customization:
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images
- Dynamic Content
- Depending on the content, different font settings.
- Also settings are given for navigation arrows.
SELECT Customize >> Theme Settings >> Safety Wear Team Section under Appearance.
![Safety Wear Team Section Safety Wear Team Section](assets/images/our-team-1.png)
In this section the content is taken by the Post type named as "Team" for any changes of content you'll have to do following steps:
-> Go to Dashboard
-> Then Select "Team" posttype"
-> And there you can edit and add content manually according to your preference and then you can do publish
![Safety Wear Team Section Safety Wear Team Section](assets/images/our-team-2.png)
![Safety Wear Team Section Safety Wear Team Section](assets/images/our-team-3.png)
![Safety Wear Team Section Safety Wear Team Section](assets/images/our-team-4.png)
The following sections are included in the Safety Wear Team Section customization:
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images
- Dynamic Content
- Depending on the content, different font settings.
- Also settings are given for navigation arrows.
SELECT Customize >> Theme Settings >> Our Partners Section under Appearance.
![Our Partners Section Our Partners Section](assets/images/sponsor1.png)
![Our Partners Section Our Partners Section](assets/images/sponsor2.png)
The following sections are included in the Our Partners Section customization:
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images
- Dynamic Content
- Depending on the content, different font settings.
SELECT Customize >> Theme Settings >>Testimonial Section under Appearance.
![Our Testimonial Section Our Testimonial Section](assets/images/testimonial-1.png)
This is "Testimonial" section and in this if you wanna edit the content you'll have to do following steps:
-> Go to Dashboard
-> Then Select "Testimonial" option"
-> And there you can edit and add content manually according to your preference and then do publish
![Our Testimonial Section Our Testimonial Section](assets/images/testimonial-2.png)
![Our Testimonial Section Our Testimonial Section](assets/images/testimonial-3.png)
The following sections are included in the Testimonial Section customization:
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images
- Dynamic Content
- Depending on the content, different font settings.
SELECT Customize >> Theme Settings >>Blog Updates Section under Appearance.
![Our Blog Section Our Blog Section](assets/images/our-blog-1.png)
In this section the content is taken by the Posts for any changes of content you'll have to do following steps:
-> Go to Dashboard
-> Then Select "Posts"
-> And there you can edit and add content manually according to your preference and then if you do publish
![Our Blog Customizer Settings Our Blog Customizer Settings](assets/images/our-blog-2.png)
![Our Blog Section Our Blog Section](assets/images/our-blog-3.png)
The following sections are included in theBlog Updates Section customization:
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images
- Dynamic Content
- Depending on the content, different font settings.
Copyright:-
![Footer Section Footer Section](assets/images/copyright-1.png)
SELECT Customize >> Theme Settings >> Copyright under Appearance.
![Footer Section Footer Section](assets/images/copyright-2.png)
![Footer Section Footer Section](assets/images/copyright-3.png)
The following sections are included in the Copyright Section customization:
- Section marked "Enable/Disable"
- Background Color / Background Image
- Depending on the content, different font settings.
5. Template & Sidebar Information
Page Template Options:
- Standard Template
- Default page template with a right sidebar position.
- Full Width Page
- Page template with one column without a sidebar.
- Left Sidebar on This Page
- Page template with a left sidebar position.
- Right Sidebar of the Page
- Page template with a right sidebar position.
Blog Template Options:
- Full-width Blog
- Blog template with one column without a sidebar.
- Blog (Left Sidebar)
- Blog template with a left sidebar position.
- Blog (Right Sidebar)
- Blog template with a right sidebar position.
Contact Template:
- Default Contact template with no sidebar position.
6.Posts Information
Adding Category
For further details on adding categories, look at the following article:
http://codex.wordpress.org/Manage_Categories_SubPanel![How to Create Category Posts Section](assets/images/category-1.jpg)
- AccessAccess your WordPress Administration Panel (Dashboard).
- Navigate to the Posts tab.
- After that, go to Categories for blog entries.
- Enter the name of your new category here.
- Then, select the Add New Category option.
Select the Publish option.
Creating a Blog posts
![How to Create Category Posts Section](assets/images/category-2.jpg)
- Access the WordPress Administration Panel (Dashboard).
- Select the Posts option.
- 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.
7. Shortcodes
A shortcode is a useful tool for creating content http://codex.wordpress.org/Shortcode. Shortcodes are simple to use.
First and foremost, ensure that the editing mode is set to Visual.
All available shortcodes are conditionally divided into these groups:
- Our Gallery
8. Custom Widgets
![Custom Widget Custom Widget](assets/images/custom-widget.png)
9. Support
Welcome to the Support Section! We are here to assist you in making the most out of our WordPress theme. Whether you're facing issues, need guidance on customization, or have general questions, we're here to help.
How to Get Support
- Documentation
Before reaching out for support, we recommend consulting our comprehensive documentation. It covers installation instructions, theme features, customization options, and troubleshooting tips. - Support Forum
If you haven't found a solution in the documentation or Knowledge Base, our support forum is the next step. You can post your questions, issues, or feature requests in the forum, and our support team, as well as the community, will assist you. Just click on the below given link
For Any Time Assistance / Feel Free To Ask , click here