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

---

Pretražite dodatke

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

Ovaj dodatak **nije testiran s najnovija 3 glavna izdanja WordPress-a**. Možda se
više ne održava ili se ne podržava i može imati problema sa kompatibilnošću kada
se koristi sa novijim verzijama WordPress-a.

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

# Advanced Custom Fields – Code Area Field

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

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

 * [Detalji](https://bs.wordpress.org/plugins/advanced-custom-fields-code-area-field/#description)
 * [Recenzije](https://bs.wordpress.org/plugins/advanced-custom-fields-code-area-field/#reviews)
 *  [Instalacija](https://bs.wordpress.org/plugins/advanced-custom-fields-code-area-field/#installation)
 * [Razvoj](https://bs.wordpress.org/plugins/advanced-custom-fields-code-area-field/#developers)

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

## Opis

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

## Slike ekrana

[⌊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

## Instalacija

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

## Recenzije

![](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. Augusta 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. Septembra 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. Septembra 2016.

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

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

## Saradnici i programeri

“Advanced Custom Fields – Code Area Field” is open source software. The following
people have contributed to this plugin.

Doprinositelji

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

[Prevedi “Advanced Custom Fields – Code Area Field” na vaš jezik.](https://translate.wordpress.org/projects/wp-plugins/advanced-custom-fields-code-area-field)

### Zainteresirani za razvoj?

[Pregledajte kôd](https://plugins.trac.wordpress.org/browser/advanced-custom-fields-code-area-field/),
pogledajte [SVN spremište](https://plugins.svn.wordpress.org/advanced-custom-fields-code-area-field/)
ili se pretplatite na [dnevnik razvoja](https://plugins.trac.wordpress.org/log/advanced-custom-fields-code-area-field/)
od [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**
 *  Last updated **prije 12 godina**
 *  Active installations **300+**
 *  WordPress version ** 3.3 ili viša **
 *  Tested up to **3.5.2**
 *  Language
 * [English (US)](https://wordpress.org/plugins/advanced-custom-fields-code-area-field/)
 * Tags
 * [acf](https://bs.wordpress.org/plugins/tags/acf/)[advanced custom fields](https://bs.wordpress.org/plugins/tags/advanced-custom-fields/)
   [code](https://bs.wordpress.org/plugins/tags/code/)
 *  [Napredni pogled](https://bs.wordpress.org/plugins/advanced-custom-fields-code-area-field/advanced/)

## Ocjene

 3.8 out of 5 stars.

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

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

## Doprinositelji

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

## Podrška

Imate nešto za reći? Trebate pomoć?

 [Pogledaj forum podrške](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/)

## Pokloni

Da li bi ste željeli da podržite napredovanje ovog proširenja?

 [ Pokloni ovom proširenju ](https://github.com/taylormsj/)