Horje
Provides both widgets and shortcodes to help display Code School profile badges on your website. Wordpress Tutorial

Noted That:

  • To install correctly this code-school-badges.zip .
  • Fisrt Download the code-school-badges.zip to your computer
  • Extract/Open code-school-badges.zip to Your Computer.
  • Then, Find readme.txt file inside code-school-badges.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.

Start the Tips:

1. First Download " code-school-badges.zip " Plugin to your Local Computer. (Click Download)

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

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " code-school-badges.zip "  Downloaded plugin from your computer, Where you downloaded code-school-badges.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " Code School Badges " folder is added on left sidemenu. Now, Click on " Code School Badges " folder.

   Noted that: If you do not see " Code School Badges " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  Code School Badges Configurtions and Settings or How to work " Code School Badges " in your WordPress site.

 

oR

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 " Code School Badges " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Code School Badges
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide

There are a few options for installing and setting up this plugin.

Upload Manually

  1. Download and unzip the plugin
  2. Upload the ‘wpcodeschool-badges’ folder into the ‘/wp-content/plugins/’ directory
  3. Go to the Plugins admin page and activate the plugin

Install Via Admin Area

  1. In the admin area go to Plugins > Add New and search for “Code School Badges”
  2. Click install and then click activate

To Setup The Plugin

  1. Find your Code School username (see instructions under FAQ)
  2. In the WordPress admin area go to Settings > Code School Badges and then enter in your username

How to Use the Badges Widget

  1. Setup the Plugin (refer to above)
  2. Go to Appearance > Widgets and drag the ‘Code School Badges’ widget to your sidebar.
  3. Enter in a Title to appear above the badges. For example “My Code School Badges”
  4. Choose how many badges you would like to display
  5. Enter how large each badge should be. Examples: 60px, 5ems, 12pts, etc.

How to Use the Shortcode

  1. Navigate to the post or page you would like to add the badges to appear.
  2. Enter in the shortcode [wpcodeschool_badges]
  3. Customize the number of badges displayed by adding the parameter ‘num_badges’ with the number of badges you want to display. [wpcodeschool_badges num_badges=’4?]. If a number is not specified, all of your badges will be displayed.
  4. Customize how large each badge should be. Examples: 60px, 5ems, 12pts, etc. [wpcodeschool_badges badge_size=’100px’]. If no size is specified, the default badge size is 60px.
  5. You can use any of the parameters in combination [wpcodeschool_badges num_badges=’4? badge_size=’100px’]

provides , both , widgets , shortcodes , help , display , code , school , profile , badges ,

Name

Read Article
https://develop.horje.com/learn/1434/reference