Gutenberg Block: CodePen

This lightweight Gutenberg Block can be used to insert Codepen Pens into your pages, posts and widgets. There are two color schemes: light and dark or you can create your own custom CSS.

CodePen Gutenberg Block Output Example:

DARK VERSION CSS

Coffee First

LIGHT VERSION CSS

Coffee First

No Styles VERSION CSS

Coffee First

Download and Use this Block

Click on the link below to download the block to put CodePens on your site. Put the PHP file and the folder in the folder called blocks in your theme file to install.

License: Do with it as your please just please keep the original attributions in place.

Download this Block

Leave a Reply

Your email address will not be published. Required fields are marked *