How to add Skt Skill Bar in Wordpress

• To install correctly this skt-skill-bar.zip .
• Fisrt Download the skt-skill-bar.zip to your computer
• Extract/Open skt-skill-bar.zip to Your Computer.
• Then, Find readme.txt file inside skt-skill-bar.zip and Open readme.txt .
• Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
• Then, Follow the Tips Below.

Step-1 : Download " skt-skill-bar.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Step-4 : Now, Click on " Upload Plugin " button.

Step-5 : Now, Browse " skt-skill-bar.zip " Downloaded plugin from your computer, Where you downloaded " skt-skill-bar.zip " According to Step – 1 Above then, click on " Install Now "

Step-6 : Now, Click on " Active Plugin "

Step-7 : Then, See left Side Menu. " Skt Skill Bar " folder is added on left Side Menu. Now, Click on " Skt Skill Bar " folder.

Noted that: If you do not see " Skt Skill Bar " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Skt Skill Bar Configurations and Settings or How to work " Skt Skill Bar " in your WordPress site.

After Activated Plugin According to Step-6 then,

1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
2. or Direct go to: https://yourdomain/wp-admin/plugins.php
3. Then, Find " SKT Skill Bar " Activated Plugin from Plugin List.
4. Then, Click on " Settings " from Plugin that is SKT Skill Bar
5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,

This section describes how to install the plugin and get it working.

e.g.

1. Upload sktskillbar.zip to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress

3. Place shortcode: ‘[skillwrapper type=”bar”]
   [skill title_background=”#f7a53b” bar_foreground=”#f7a53b” bar_background=”#eeeeee” percent=”90? title=”CSS3?]
   [skill title_background=”#6adcfa” bar_foreground=”#6adcfa” bar_background=”#eeeeee” percent=”55? title=”WordPress”]
   [skill title_background=”#fa6e6e” bar_foreground=”#fa6e6e” bar_background=”#eeeeee” percent=”85? title=”PHP”]
   [skill title_background=”#336699? bar_foreground=”#336699? bar_background=”#eeeeee” percent=”100? title=”jQuery”]
   [/skillwrapper]’ without the inverted commas in your page or post for bar type or progress bar.

4. Or for half circle place shortcode: ‘[skillwrapper type=”gage” align=”left”]
   [skill percent=”75? title=”WordPress” bar_foreground=”#f00? bar_background=”#eee”]
   [skill percent=”25? title=”SEO” bar_foreground=”#f60? bar_background=”#eee”]
   [skill percent=”50? title=”PHP” bar_foreground=”#900? bar_background=”#eee”]
   [/skillwrapper]’ without the inverted commas in your page or post for half circular bars.

5. Or for full circle place shortcode: ‘[skillwrapper type=”circle” track_color=”#dddddd” chart_color=”#333333? chart_size=”150? align=”left”]
   [skill percent=”88? title=”Web Research”]
   [skill percent=”55? title=”WordPress”]
   [skill percent=”85? title=”PHP”]
   [skill percent=”100? title=”jQuery”]
   [/skillwrapper]’ without the inverted commas in your page or post for full circular bars.