Title: Advanced Custom Fields &#8211; Code Area Field
Author: taylor.mitchellstjoseph
Published: <strong>20 de junio de 2013</strong>
Last modified: 23 de abril de 2014

---

Buscar plugins

![](https://ps.w.org/advanced-custom-fields-code-area-field/assets/banner-772x250.
png?rev=728922)

Este plugin **no se ha probado con las últimas 3 versiones mayores de WordPress**.
Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas 
de compatibilidad cuando se usa con las versiones más recientes de WordPress.

![](https://s.w.org/plugins/geopattern-icon/advanced-custom-fields-code-area-field_212121.
svg)

# Advanced Custom Fields – Code Area Field

 Por [taylor.mitchellstjoseph](https://profiles.wordpress.org/taylormitchellstjoseph/)

[Descargar](https://downloads.wordpress.org/plugin/advanced-custom-fields-code-area-field.1.0.1.zip)

 * [Detalles](https://es.wordpress.org/plugins/advanced-custom-fields-code-area-field/#description)
 * [Valoraciones](https://es.wordpress.org/plugins/advanced-custom-fields-code-area-field/#reviews)
 *  [Instalación](https://es.wordpress.org/plugins/advanced-custom-fields-code-area-field/#installation)
 * [Desarrollo](https://es.wordpress.org/plugins/advanced-custom-fields-code-area-field/#developers)

 [Soporte](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/)

## Descripción

The ‘Code Area’ field allows you to add custom CSS, Javascript, HTML and PHP to 
an advanced custom field, whcih can be use anywhere in your wordpress template files.

The code area uses [Code Mirror](http://codemirror.net) and has various themes to
suit.

**CSS**
 Type your css, no tags needed

**Javascript**
 Type your Javascript, no tags needed

**PHP**
 Type your PHP, no tags needed (Note, you can not open and close php tags
anywhere in your code)

Output all types of code in the usual fashion the_field(‘code_area_field’);

**Compatible with both ACF V3 & V4**

## Capturas

[⌊Code Area field options⌉⌊Code Area field options⌉[

Code Area field options

[⌊Editing a Code Area field⌉⌊Editing a Code Area field⌉[

Editing a Code Area field

## Instalación

This add-on can be treated as both a WP plugin and a theme include.

**Install as Plugin** Copy the ‘acf-code_area’ folder into your plugins folder Activate
the plugin via the Plugins admin page

**Include within theme** Copy the ‘acf-code_area’ folder into your theme folder (
can use sub folders). You can place the folder anywhere inside the ‘wp-content’ 
directory Edit your functions.php file and add the code below (Make sure the path
is correct to include the acf-cf7.php file)

    ```
    add_action('acf/register_fields', 'my_register_fields');

    function my_register_fields()
    {
        include_once('acf_code_area-field/acf_code_area-v3.php');
    }
    ```

## Reseñas

![](https://secure.gravatar.com/avatar/8f6e44f72c28f6a93a59860d21f225734d29a973b9e469f0f8030ee19f2a85f1?
s=60&d=retro&r=g)

### 󠀁[Not compatible with ACF5](https://wordpress.org/support/topic/not-compatible-with-acf5/)󠁿

 [shanemac10](https://profiles.wordpress.org/shanemac10/) 29 de agosto de 2022

This plugin uses old ACF code the was deprecated in 2014. The plugin doesn't even
get past the init hook.

![](https://secure.gravatar.com/avatar/b90c224a199857e12b7b49941bbbbc06e86136d4641de63c46ed594251e0220b?
s=60&d=retro&r=g)

### 󠀁[not compatible with ACF v5](https://wordpress.org/support/topic/not-compatible-with-acf-v5/)󠁿

 [GearNutsNet](https://profiles.wordpress.org/gearnutsnet/) 21 de septiembre de 
2018

Do not update to ACF v5 if you are using this plugin. It it will break your site,
stay with ACF v4.4.12. Please add support for ACF v5!

![](https://secure.gravatar.com/avatar/f7a5c9f3b7bbebfefaf7a8df89450c330b081e3eed4e799047ecf9786fd16ad1?
s=60&d=retro&r=g)

### 󠀁[Exactly what I needed](https://wordpress.org/support/topic/exactly-what-i-needed-308/)󠁿

 [George Manousarides](https://profiles.wordpress.org/zencod/) 3 de septiembre de
2016

Works perfectly. Exactly what I needed it to do. Awesome add-on for the awesome 
main ACF plugin.

 [ Leer todas las 10 reseñas ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/)

## Colaboradores y desarrolladores

«Advanced Custom Fields – Code Area Field» es un software de código abierto. Las
siguientes personas han colaborado con este plugin.

Colaboradores

 *   [ taylor.mitchellstjoseph ](https://profiles.wordpress.org/taylormitchellstjoseph/)

[Traduce «Advanced Custom Fields – Code Area Field» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/advanced-custom-fields-code-area-field)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/advanced-custom-fields-code-area-field/),
echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/advanced-custom-fields-code-area-field/)
o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/advanced-custom-fields-code-area-field/)
por [RSS](https://plugins.trac.wordpress.org/log/advanced-custom-fields-code-area-field/?limit=100&mode=stop_on_copy&format=rss).

## Meta

 *  Versión **1.0.0**
 *  Última actualización **hace 12 años**
 *  Instalaciones activas **300+**
 *  Versión de WordPress ** 3.3 o superior **
 *  Probado hasta **3.5.2**
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/advanced-custom-fields-code-area-field/)
 * Etiquetas:
 * [acf](https://es.wordpress.org/plugins/tags/acf/)[advanced custom fields](https://es.wordpress.org/plugins/tags/advanced-custom-fields/)
   [code](https://es.wordpress.org/plugins/tags/code/)
 *  [Vista avanzada](https://es.wordpress.org/plugins/advanced-custom-fields-code-area-field/advanced/)

## Valoraciones

 3.8 de 5 estrellas.

 *  [  7 valoraciones de 5 estrellas     ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/?filter=5)
 *  [  0 valoraciones de 4 estrellas     ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/?filter=4)
 *  [  0 valoraciones de 3 estrellas     ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/?filter=3)
 *  [  0 valoraciones de 2 estrellas     ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/?filter=2)
 *  [  3 valoraciones de 1 estrellas     ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/?filter=1)

[Tu valoración](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/#new-post)

[Ver todas las reseñas](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/)

## Colaboradores

 *   [ taylor.mitchellstjoseph ](https://profiles.wordpress.org/taylormitchellstjoseph/)

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/)

## Donar

¿Te gustaría apoyar el progreso de este plugin?

 [ Dona a este plugin ](https://github.com/taylormsj/)