WPTavern

CodePen Releases Official WordPress Plugin

CodePen has released an official plugin for embedding pens in WordPress. If you haven’t yet discovered CodePen, it’s basically a virtual playground for frontend developers and browsing the site can be addictive. It’s a place where you can write HTML, CSS, and JavaScript code in your browser and then see an instant preview. Each collection of snippets you create is saved under your account as a ‘pen’ with its live preview directly beneath it.

CodePen Embedded Pens Shortcode is the new plugin that makes it easy to embed any pen on your self-hosted WordPress site. On the CodePen side of things, pens have now been updated to show a WordPress shortcode option when you click on Embed:

Embed CodePen WP

If you’ve found a pen that inspires you and want to share it on your site, it’s as easy as copying that shortcode and pasting it into either the visual or text editor in WordPress.”