Allows the use of a special shortcode [codepen_embed] for embedding Pens from CodePen.
| Author: | Chris Coyier (profile at wordpress.org) |
| WordPress version required: | 2.6 |
| WordPress version tested: | 6.6.2 |
| Plugin version: | 1.0.3 |
| Added to WordPress repository: | 06-01-2014 |
| Last updated: | 01-10-2024 |
| Rating, %: | 86 |
| Rated by: | 6 |
| Plugin URI: | |
| Total downloads: | 32 706 |
| Active installs: | 900+ |
 Click to start download |
|
Allows the use of a special shortcode [codepen_embed] for embedding Pens from CodePen.
You can learn more about CodePen here and about this plugin here.
Basic Usage
[codepen_embed height=300 theme_id=1 slug_hash='jwGBh' user='arasdesign' default_tab='html' animations='run']
See the Pen <a href='https://codepen.io/arasdesign/pen/jwGBh'>Flat minion</a> by Amin Poursaied (<a href='https://codepen.io/arasdesign'>@arasdesign</a>) on <a href='https://codepen.io'>CodePen</a>
[/codepen_embed]
The Point
-
You can use shortcodes in the “Visual” editor. CodePen Embeds are copy-and-paste HTML that don’t work when using the editor that way. If you ever use the Visual editor in WordPress, you’ll probably want to use this plugin.
-
You can set a default theme, or override any theme set via Shortcode attribute.
-
Hopefully eventually this plugin will have more functionality. Like have a fancy UI for picking Pens to embed and more control over the HTML output.
Screenshots
FAQ
ChangeLog