Learn By Doing. Code School teaches web technologies in the comfort of your browser with video lessons, coding challenges, and screencasts. Use this plugin to proudly display completed Code School course badges on your WordPress blog, website or CV.
You can use a widget to display your badges in a header, sidebar or footer or use a shortcode to display badges in the main content area of a post or page. The plugin offers two customization options:
- How many of your most recent completed course badges to display
- How large should each badge be (in pixels, ems, or other valid units)
Project code is hosted at GitHub. Contributors welcome.
There are a few options for installing and setting up this plugin.
Upload Manually
- Download and unzip the plugin
- Upload the 'wpcodeschool-badges' folder into the '/wp-content/plugins/' directory
- Go to the Plugins admin page and activate the plugin
Install Via Admin Area
- In the admin area go to Plugins > Add New and search for "Code School Badges"
- Click install and then click activate
To Setup The Plugin
- Find your Code School username (see instructions under FAQ)
- In the WordPress admin area go to Settings > Code School Badges and then enter in your username
How to Use the Badges Widget
- Setup the Plugin (refer to above)
- Go to Appearance > Widgets and drag the 'Code School Badges' widget to your sidebar.
- Enter in a Title to appear above the badges. For example "My Code School Badges"
- Choose how many badges you would like to display
- Enter how large each badge should be. Examples: 60px, 5ems, 12pts, etc.
How to Use the Shortcode
- Navigate to the post or page you would like to add the badges to appear.
- Enter in the shortcode [wpcodeschool_badges]
- 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.
- 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.
- You can use any of the parameters in combination [wpcodeschool_badges num_badges='4' badge_size='100px']