Title: Advanced Custom Fields &#8211; Code Area Field
Author: taylor.mitchellstjoseph
Published: <strong>20 Tháng 6, 2013</strong>
Last modified: 23 Tháng 4, 2014

---

Tìm kiếm plugin

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

Plugin này **chưa được cập nhật với 3 phiên bản mới nhất của WordPress**. Nó có 
thể không được hỗ trợ và bảo trì, và có thể xung đột với các phiên bản WordPress
mới nhất.

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

# Advanced Custom Fields – Code Area Field

 Bởi [taylor.mitchellstjoseph](https://profiles.wordpress.org/taylormitchellstjoseph/)

[Tải về](https://downloads.wordpress.org/plugin/advanced-custom-fields-code-area-field.1.0.1.zip)

 * [Chi tiết](https://vi.wordpress.org/plugins/advanced-custom-fields-code-area-field/#description)
 * [Đánh giá](https://vi.wordpress.org/plugins/advanced-custom-fields-code-area-field/#reviews)
 *  [Cài đặt](https://vi.wordpress.org/plugins/advanced-custom-fields-code-area-field/#installation)
 * [Nhà phát triển](https://vi.wordpress.org/plugins/advanced-custom-fields-code-area-field/#developers)

 [Hỗ trợ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/)

## Mô tả

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

## Ảnh màn hình

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

## Cài đặt

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

## Đánh giá

![](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 Tháng 8, 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 Tháng 9, 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 Tháng 9, 2016

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

 [ Đọc tất cả 10 đánh giá ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/)

## Người đóng góp & Lập trình viên

“Advanced Custom Fields – Code Area Field” là mã nguồn mở. Những người sau đã đóng
góp vào plugin này.

Những người đóng góp

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

[Dịch “Advanced Custom Fields – Code Area Field” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/advanced-custom-fields-code-area-field)

### Muốn tham gia phát triển?

[Duyệt code](https://plugins.trac.wordpress.org/browser/advanced-custom-fields-code-area-field/),
check out [SVN repository](https://plugins.svn.wordpress.org/advanced-custom-fields-code-area-field/),
hoặc theo dõi [nhật ký phát triển](https://plugins.trac.wordpress.org/log/advanced-custom-fields-code-area-field/)
qua [RSS](https://plugins.trac.wordpress.org/log/advanced-custom-fields-code-area-field/?limit=100&mode=stop_on_copy&format=rss).

## Meta

 *  Phiên bản **1.0.0**
 *  Cập nhật lần cuối **12 năm trước**
 *  Số lượt cài đặt **300+**
 *  Phiên bản WordPress ** 3.3 hoặc cao hơn **
 *  Đã kiểm tra lên đến **3.5.2**
 *  Ngôn ngữ
 * [English (US)](https://wordpress.org/plugins/advanced-custom-fields-code-area-field/)
 * Thẻ
 * [acf](https://vi.wordpress.org/plugins/tags/acf/)[advanced custom fields](https://vi.wordpress.org/plugins/tags/advanced-custom-fields/)
   [code](https://vi.wordpress.org/plugins/tags/code/)
 *  [Nâng cao](https://vi.wordpress.org/plugins/advanced-custom-fields-code-area-field/advanced/)

## Đánh giá

 3.8 trên 5 sao.

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

[Xem tất cả đánh giá](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/)

## Những người đóng góp

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

## Hỗ trợ

Có điều gì muốn nói? cần giúp đỡ?

 [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/)

## Ủng hộ

Bạn có muốn hỗ trợ vào sự phát triển của plugin này?

 [ Ủng hộ plugin này ](https://github.com/taylormsj/)