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

---

Plugins durchsuchen

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

Dieses Plugin **ist nicht mit den jüngsten 3 Hauptversionen von WordPress** getestet
worden. Es wird möglicherweise nicht mehr gewartet oder unterstützt und kann Kompatibilitätsprobleme
haben, wenn es mit neueren Versionen von WordPress verwendet wird.

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

# Advanced Custom Fields – Code Area Field

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

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

 * [Details](https://de.wordpress.org/plugins/advanced-custom-fields-code-area-field/#description)
 * [Rezensionen](https://de.wordpress.org/plugins/advanced-custom-fields-code-area-field/#reviews)
 *  [Installation](https://de.wordpress.org/plugins/advanced-custom-fields-code-area-field/#installation)
 * [Entwicklung](https://de.wordpress.org/plugins/advanced-custom-fields-code-area-field/#developers)

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

## Beschreibung

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**

## Screenshots

 * [[
 * Code Area field options
 * [[
 * Editing a Code Area field

## Installation

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');
    }
    ```

## Rezensionen

![](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. August 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. September 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. September 2016

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

 [ Alle 10 Rezensionen lesen ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/)

## Mitwirkende und Entwickler

„Advanced Custom Fields – Code Area Field“ ist Open-Source-Software. Folgende Menschen
haben an diesem Plugin mitgewirkt:

Mitwirkende

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

[Übersetze „Advanced Custom Fields – Code Area Field“ in deine Sprache.](https://translate.wordpress.org/projects/wp-plugins/advanced-custom-fields-code-area-field)

### Interessiert an der Entwicklung?

[Durchstöbere den Code](https://plugins.trac.wordpress.org/browser/advanced-custom-fields-code-area-field/),
sieh dir das [SVN-Repository](https://plugins.svn.wordpress.org/advanced-custom-fields-code-area-field/)
an oder abonniere das [Entwicklungsprotokoll](https://plugins.trac.wordpress.org/log/advanced-custom-fields-code-area-field/)
per [RSS](https://plugins.trac.wordpress.org/log/advanced-custom-fields-code-area-field/?limit=100&mode=stop_on_copy&format=rss).

## Meta

 *  Version **1.0.0**
 *  Zuletzt aktualisiert **vor 12 Jahren**
 *  Aktive Installationen **400+**
 *  WordPress-Version ** 3.3 oder höher **
 *  Getestet bis **3.5.2**
 *  Sprache
 * [English (US)](https://wordpress.org/plugins/advanced-custom-fields-code-area-field/)
 * Schlagwörter
 * [acf](https://de.wordpress.org/plugins/tags/acf/)[advanced custom fields](https://de.wordpress.org/plugins/tags/advanced-custom-fields/)
   [code](https://de.wordpress.org/plugins/tags/code/)
 *  [Erweiterte Ansicht](https://de.wordpress.org/plugins/advanced-custom-fields-code-area-field/advanced/)

## Bewertungen

 3.8 von 5 Sternen.

 *  [  7 5-Sterne-Rezensionen     ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/?filter=5)
 *  [  0 4-Sterne-Rezensionen     ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/?filter=4)
 *  [  0 3-Sterne-Rezensionen     ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/?filter=3)
 *  [  0 2-Sterne-Rezensionen     ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/?filter=2)
 *  [  3 1-Sterne-Rezensionen     ](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)

[Alle Rezensionen anzeigen](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/)

## Mitwirkende

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

## Support

Möchtest du etwas mitteilen? Brauchst du Unterstützung?

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

## Spenden

Möchtest du die Weiterentwicklung dieses Plugins unterstützen?

 [ Für dieses Plugin spenden ](https://github.com/taylormsj/)