Title: Advanced Custom Fields – Code Area Field Author: taylor.mitchellstjoseph Published: 2013 年 6 月 20 日 Last modified: 2014 年 4 月 23 日 --- 搜索插件 ![](https://ps.w.org/advanced-custom-fields-code-area-field/assets/banner-772x250. png?rev=728922) **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起 使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://s.w.org/plugins/geopattern-icon/advanced-custom-fields-code-area-field_212121. svg) # Advanced Custom Fields – Code Area Field 作者：[taylor.mitchellstjoseph](https://profiles.wordpress.org/taylormitchellstjoseph/) [下载](https://downloads.wordpress.org/plugin/advanced-custom-fields-code-area-field.1.0.1.zip) * [详情](https://cn.wordpress.org/plugins/advanced-custom-fields-code-area-field/#description) * [评价](https://cn.wordpress.org/plugins/advanced-custom-fields-code-area-field/#reviews) * [安装](https://cn.wordpress.org/plugins/advanced-custom-fields-code-area-field/#installation) * [开发进展](https://cn.wordpress.org/plugins/advanced-custom-fields-code-area-field/#developers) [支持](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/) ## 描述 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** ## 屏幕截图 [⌊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 ## 安装 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'); } ``` ## 评价 ![](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/) 2022 年 8 月 29 日 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/) 2018 年 9 月 21 日 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/) 2016 年 9 月 3 日 Works perfectly. Exactly what I needed it to do. Awesome add-on for the awesome main ACF plugin. [ 阅读所有10条评价 ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/) ## 贡献者及开发者 「Advanced Custom Fields – Code Area Field」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ taylor.mitchellstjoseph ](https://profiles.wordpress.org/taylormitchellstjoseph/) [帮助将「Advanced Custom Fields – Code Area Field」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/advanced-custom-fields-code-area-field) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/advanced-custom-fields-code-area-field/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/advanced-custom-fields-code-area-field/)， 或通过[RSS](https://plugins.trac.wordpress.org/log/advanced-custom-fields-code-area-field/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/advanced-custom-fields-code-area-field/)。 ## 额外信息 * 版本 **1.0.0** * 最后更新：**12 年前** * 活跃安装数量 **300+** * WordPress 版本 ** 3.3 或更高版本 ** * 已测试的最高版本为 **3.5.2** * 语言 * [English (US)](https://wordpress.org/plugins/advanced-custom-fields-code-area-field/) * 标签 * [acf](https://cn.wordpress.org/plugins/tags/acf/)[advanced custom fields](https://cn.wordpress.org/plugins/tags/advanced-custom-fields/) [code](https://cn.wordpress.org/plugins/tags/code/) * [高级视图](https://cn.wordpress.org/plugins/advanced-custom-fields-code-area-field/advanced/) ## 评级 3.8 星（最高 5 星）。 * [ 7 条 5 星评价 ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/?filter=2) * [ 3 条 1 星评价 ](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) [查看全部评论](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/reviews/) ## 贡献者 * [ taylor.mitchellstjoseph ](https://profiles.wordpress.org/taylormitchellstjoseph/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/advanced-custom-fields-code-area-field/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](https://github.com/taylormsj/)