Allows the use of a special shortcode
[codepen_embed] for embedding Pens from CodePen.
[codepen_embed height=300 theme_id=1 slug_hash='jwGBh' user='arasdesign' default_tab='html' animations='run'] See the Pen <a href='http://codepen.io/arasdesign/pen/jwGBh'>Flat minion</a> by Amin Poursaied (<a href='http://codepen.io/arasdesign'>@arasdesign</a>) on <a href='http://codepen.io'>CodePen</a> [/codepen_embed]
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.
For old school manual installation people: copy the folder “codepen_embed” into the /wp-content/plugins/ folder. Then go to the Plugins area of the Admin and activate. Otherwise, search for “CodePen Embed” from the admin area of your WordPress site in Plugins > Add New.
- What is CodePen?
- Why is this useful?
You can also manage the default theme of the embeds with this plugin.
light and it works.
Contributors & Developers
“Plugin Name: CodePen Embedded Pens Shortcode” is open source software. The following people have contributed to this plugin.
Interested in development?
- 0.1 – Beta
- 0.2 – Adding line_numbers attribute
- 0.3 – Default for
run, as documented.
- 0.4 – Added
previewattribute. Removed line numbers attribute.
- 0.5 – Defaulting to v2 of Embeds by default
- 0.6 – Make sure
- 0.7 – Making sure
data_edtiablesupport editable embeds.
- 0.7.1 – Fixing naming thing