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

---

Buscar plugins

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

Este plugin **non se actualizou en máis de 2 anos**. É posible que xa non sexa compatible
ou mantido por ninguén, ou podes ter problemas de compatibilidade cando se usa con
novas versións 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://gl.wordpress.org/plugins/advanced-custom-fields-code-area-field/#description)
 * [Valoracións](https://gl.wordpress.org/plugins/advanced-custom-fields-code-area-field/#reviews)
 *  [Instalación](https://gl.wordpress.org/plugins/advanced-custom-fields-code-area-field/#installation)
 * [Desenvolvemento](https://gl.wordpress.org/plugins/advanced-custom-fields-code-area-field/#developers)

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

## Descrició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
 * [[
 * 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');
    }
    ```

## Comentarios

![](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, 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 Setembro, 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 Setembro, 2016

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

 [ Ler todas as 10 opinións ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/)

## Colaboradores e desenvolvedores

“Advanced Custom Fields – Code Area Field” é un software de código aberto. As seguintes
persoas colaboraron con este plugin.

Colaboradores

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

[Traduce “Advanced Custom Fields – Code Area Field” ao teu idioma.](https://translate.wordpress.org/projects/wp-plugins/advanced-custom-fields-code-area-field)

### Interesado no desenvolvemento?

[Revisa o código](https://plugins.trac.wordpress.org/browser/advanced-custom-fields-code-area-field/),
bota unha ollada ao[repositorio SVN](https://plugins.svn.wordpress.org/advanced-custom-fields-code-area-field/),
ou subscríbete ao [log de desenvolvemento](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 **Fai 12 anos**
 *  Instalacións activas **300+**
 *  Versión de WordPress ** 3.3 ou superior **
 *  Probado ata **3.5.2**
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/advanced-custom-fields-code-area-field/)
 * Etiquetas
 * [acf](https://gl.wordpress.org/plugins/tags/acf/)[advanced custom fields](https://gl.wordpress.org/plugins/tags/advanced-custom-fields/)
   [code](https://gl.wordpress.org/plugins/tags/code/)
 *  [Vista avanzada](https://gl.wordpress.org/plugins/advanced-custom-fields-code-area-field/advanced/)

## Valoracións

 3.8 de 5 estrelas

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

[Your review](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/#new-post)

[Ver todas as valoracións](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/)

## Colaboradores

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

## Soporte

Tes algo que dicir? Necesitas axuda?

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

## Doar

Queres apoiar o progreso deste plugin?

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