Title: WordPen
Author: gingersoulrecords
Published: <strong>21 martie 2017</strong>
Last modified: 21 martie 2017

---

Caută module

![](https://ps.w.org/wordpen/assets/banner-772x250.jpg?rev=1621154)

Acest modul **nu a fost testat cu ultimele 3 versiuni importante ale WordPress**.
S-ar putea să nu mai fie întreținut sau susținut și ar putea avea probleme de compatibilitate
când este folosit cu versiuni recente ale WordPress.

![](https://ps.w.org/wordpen/assets/icon-256x256.jpg?rev=1621154)

# WordPen

 De [gingersoulrecords](https://profiles.wordpress.org/gingersoulrecords/)

[Descarcă](https://downloads.wordpress.org/plugin/wordpen.0.1.0.zip)

 * [Detalii](https://ro.wordpress.org/plugins/wordpen/#description)
 * [Recenzii](https://ro.wordpress.org/plugins/wordpen/#reviews)
 *  [Instalare](https://ro.wordpress.org/plugins/wordpen/#installation)
 * [Dezvoltare](https://ro.wordpress.org/plugins/wordpen/#developers)

 [Suport](https://wordpress.org/support/plugin/wordpen/)

## Descriere

[CodePen](http://codepen.io/) 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.

WordPen by [Ginger Soul Records](https://gingersoulrecords.com/) 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.

HTML, CSS, and JS code will be editable, and all connected resources linked to the
pen will be included with the shortcode.

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](http://codepen.io/gingersoulrecords/collections/public/).

## Capturi ecran

[⌊Pen Editor Screen⌉⌊Pen Editor Screen⌉[

Pen Editor Screen

[⌊Pen Editor Screen (continued)⌉⌊Pen Editor Screen (continued)⌉[

Pen Editor Screen (continued)

## Instalare

 1. Upload the plugin files to the `/wp-content/plugins/wordpen` directory, or install
    the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress
 3. Use the `WP Admin -> WordPens > Add New` screen import new pens

## Întrebări frecvente

  How do I make this plugin work?

Go to `WP Admin > WordPens > Add new` 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.

## Recenzii

Nu există nicio verificare pentru acest modul.

## Contributori și dezvoltatori

„WordPen” este un software open-source. La acest modul au contribuit următoarele
persoane.

Contributori

 *   [ gingersoulrecords ](https://profiles.wordpress.org/gingersoulrecords/)
 *   [ Arunas Liuiza ](https://profiles.wordpress.org/ideag/)

[Tradu „WordPen” în limba ta.](https://translate.wordpress.org/projects/wp-plugins/wordpen)

### Te interesează dezvoltarea?

[Răsfoiește codul](https://plugins.trac.wordpress.org/browser/wordpen/), vezi [depozitarul SVN](https://plugins.svn.wordpress.org/wordpen/),
sau abonează-te la [jurnalul de dezvoltare](https://plugins.trac.wordpress.org/log/wordpen/)
prin [RSS](https://plugins.trac.wordpress.org/log/wordpen/?limit=100&mode=stop_on_copy&format=rss).

## Istoric modificări

#### 0.1.0

 * first version to be submitted to wordpress.org

## Meta

 *  Versiunea **1.0.0**
 *  Ultima actualizare **Acum 10 ani**
 *  Instalări active: **10+**
 *  Versiune WordPress ** 4.6 sau mai recentă **
 *  Testat până la **4.7.38**
 *  Limbă
 * [English (US)](https://wordpress.org/plugins/wordpen/)
 * Etichetă
 * [codepen](https://ro.wordpress.org/plugins/tags/codepen/)
 *  [Vizualizare avansată](https://ro.wordpress.org/plugins/wordpen/advanced/)

## Evaluări

Nu a fost trimisă nicio recenzie până acum.

[Recenzia ta](https://wordpress.org/support/plugin/wordpen/reviews/#new-post)

[Vezi toate recenziile](https://wordpress.org/support/plugin/wordpen/reviews/)

## Contributori

 *   [ gingersoulrecords ](https://profiles.wordpress.org/gingersoulrecords/)
 *   [ Arunas Liuiza ](https://profiles.wordpress.org/ideag/)

## Suport

Ai ceva de zis? Ai nevoie de ajutor?

 [Vezi forumul pentru suport](https://wordpress.org/support/plugin/wordpen/)

## Donează

Vrei să sprijini dezvoltarea acestui modul?

 [ Donează pentru acest modul ](http://gingersoulrecords.com/)