{"id":55167,"date":"2017-03-21T15:05:04","date_gmt":"2017-03-21T15:05:04","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/wordpen\/"},"modified":"2017-03-21T15:05:04","modified_gmt":"2017-03-21T15:05:04","slug":"wordpen","status":"publish","type":"plugin","link":"https:\/\/lmo.wordpress.org\/plugins\/wordpen\/","author":12146518,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"0.1.0","tested":"4.7.33","requires":"4.6","requires_php":"","requires_plugins":"","header_name":"WordPen","header_author":"Dave Bloom","header_description":"","assets_banners_color":"2f221b","last_updated":"2017-03-21 15:05:04","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/gingersoulrecords.com\/","header_plugin_uri":"https:\/\/gingersoulrecords.com\/wordpen","header_author_uri":"https:\/\/gingersoulrecords.com","rating":0,"author_block_rating":0,"active_installs":10,"downloads":2276,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"0.1.0":"

Initial version<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"assets_icons":{"icon-128x128.jpg":{"filename":"icon-128x128.jpg","revision":"1621154","resolution":"128x128","location":"assets"},"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":"1621154","resolution":"256x256","location":"assets"}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":"1621154","resolution":"1544x500","location":"assets"},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":"1621154","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1624267","resolution":"1","location":"assets"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"1624267","resolution":"2","location":"assets"}},"screenshots":{"1":"Pen Editor Screen","2":"Pen Editor Screen (continued)"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[16302],"plugin_category":[],"plugin_contributors":[132573,84398],"plugin_business_model":[],"class_list":["post-55167","plugin","type-plugin","status-publish","hentry","plugin_tags-codepen","plugin_contributors-gingersoulrecords","plugin_contributors-ideag","plugin_committers-gingersoulrecords"],"banners":{"banner":"https:\/\/ps.w.org\/wordpen\/assets\/banner-772x250.jpg?rev=1621154","banner_2x":"https:\/\/ps.w.org\/wordpen\/assets\/banner-1544x500.jpg?rev=1621154","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/wordpen\/assets\/icon-128x128.jpg?rev=1621154","icon_2x":"https:\/\/ps.w.org\/wordpen\/assets\/icon-256x256.jpg?rev=1621154","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/wordpen\/assets\/screenshot-1.png?rev=1624267","caption":"Pen Editor Screen"},{"src":"https:\/\/ps.w.org\/wordpen\/assets\/screenshot-2.png?rev=1624267","caption":"Pen Editor Screen (continued)"}],"raw_content":"\n

CodePen<\/a> 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.<\/p>\n\n

WordPen by Ginger Soul Records<\/a> 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.<\/p>\n\n

HTML, CSS, and JS code will be editable, and all connected resources linked to the pen will be included with the shortcode.<\/p>\n\n

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<\/a>.<\/p>\n\n\n

    \n
  1. Upload the plugin files to the \/wp-content\/plugins\/wordpen<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n
  2. Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n
  3. Use the WP Admin -> WordPens > Add New<\/code> screen import new pens<\/li>\n<\/ol>\n\n\n
    \n
    How do I make this plugin work?<\/dt>\n

    Go to WP Admin > WordPens > Add new<\/code> and import a new pen from Codepen. Then use the shorcode provided there, to insert the pen into any WordPress post\/page\/custom post type.<\/p><\/dd>\n\n<\/dl>\n\n\n

    0.1.0<\/h4>\n\n
      \n
    • first version to be submitted to wordpress.org<\/li>\n<\/ul>","raw_excerpt":"Embed pens from CodePen without the 'edit' frame","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/55167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=55167"}],"author":[{"embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/gingersoulrecords"}],"wp:attachment":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=55167"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=55167"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=55167"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=55167"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=55167"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=55167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}