Embed pens from CodePen without the 'edit' frame
| Author: | Dave Bloom (profile at wordpress.org) |
| WordPress version required: | 4.6 |
| WordPress version tested: | 4.7.21 |
| Plugin version: | 1.0.0 |
| Added to WordPress repository: | 21-03-2017 |
| Last updated: | 21-03-2017
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
|
| Rating, %: | 0 |
| Rated by: | 0 |
| Plugin URI: | https://gingersoulrecords.com/wordpen |
| Total downloads: | 1 207 |
| Active installs: | 10+ |
 Click to start download |
|
CodePen is a ‘playground for the front end web’ where you can write public-facing HTML/CSS/JS demos, called pens. It’s a fountain of inspiration for web designers and a useful resource for those learning to write, organize, and share front end code.
WordPen by Ginger Soul Records is an effort to bring the best of CodePen to WordPress, with minimal code work. Simply paste a CodePen URL, save your WordPen, and embed a shortcode in your layout.
HTML, CSS, and JS code will be editable, and all connected resources linked to the pen will be included with the shortcode.
Not all pens were designed to be featured with WordPen, so you may wish to start with background- and foreground-friendly pens, which are collected here.
Screenshots
FAQ
ChangeLog