WP高级自定义字段插件Advanced Custom Fields

 2017-06-15 07:25:48  113 人阅读  23 条评论

WordPress 站点可以通过自定义字段来实现很多意想不到的功能,但是每次都通过后台输入字段名称及值非常不人性化,有没有什么好的办法把这些自定义字段更加直观地显示出来,以便我们更加便捷地使用?这个就是今天的重点,WordPress 高级自定义字段插件 Advanced Custom Fields 就能做到这一点。

WP高级自定义字段插件Advanced Custom Fields Plugins 第1张

Advanced Custom Fields 简介

Advanced Custom Fields 是一款非常强大实用的高级自定义字段插件,它可以让我们在文章、类别、标签、页面、自定义类型甚至用户里,非常直观地添加 Text、Textarea、Image、Checkbox、File、Select 等自定义字段,除了可以同时控制这些字段所显示的位置外,而且还可以把它们集成为一个或多个面板,以便在编辑中更直观地使用。同时,它还支持导出字段为 xml 或 php 代码,以便数据的转移和备份。

WP高级自定义字段插件Advanced Custom Fields Plugins 第2张

可以添加的字段的所有类型

Advanced Custom Fields 下载

Advanced Custom Fields 安装和使用

1、Advanced Custom Fields安装:在后台插件安装界面搜索:Advanced Custom Fields 即可直接在线安装,或者直接点击上面下载后上传安装。

2、Advanced Custom Fields 使用

2.1 启用插件后,我们就可以在左边菜单看到“字段”,进入后点击“新建”就是创建一个字段组,一个字段组里面可以有多个字段。

WP高级自定义字段插件Advanced Custom Fields Plugins 第3张

2.2 比如我现在想在文章页后面添加一个文本广告,那么在点击“新建”字段后,分别输入字段标签、字段名称(建议用英文或拼音)、字段类型(这里选择文本)、字段说明(可写可不写,个人建议写),还有剩下的必填项(个人建议选否,允许为空)、默认值(该字段默认的值)、Placeholder Text(文本输入框显示的提示文字)、Prepend(输入框前面的内容)、Append(输入框后面的内容)、格式化(两个类型选择)、Character Limit(允许输入的字数)和条件逻辑(是和否)直接默认即可。设置好后点击【关闭字段】按钮把这些选择收起来。

WP高级自定义字段插件Advanced Custom Fields Plugins 第4张

PS:这个仅是字段类型为“文本”的情况,其他类型可能不太一样,不过大部分都是中文,所以使用起来应毫无压力。

2.3 我这个字段只需要在文章页显示,所以显示该字段的面板就直接选择“文章类型”等于“post”即可。换句话说就是只有在新建或编辑文章的时候,才能看到我刚才创建的这个字段面板。

WP高级自定义字段插件Advanced Custom Fields Plugins 第5张

2.4 “选项”中就是设置刚才创建的字段面板显示位置,比如“位置”中我现在的是在内容编辑器之后,样式选择的是 WP 标准面板样式,其他隐藏元素我也是一律默认。全部设置完成之后记得点击右侧的【发布】按钮才行。

WP高级自定义字段插件Advanced Custom Fields Plugins 第6张

2.5 我们在新建一篇文章的时候,可以很直观地看到编辑器下方多了一个“作者广告语”面板,这个就是刚才我们创建的自定义字段,此时编辑好文章后,在这个作者广告中输入相应的广告文字后点击发布文章。

WP高级自定义字段插件Advanced Custom Fields Plugins 第7张

2.6 在前台文章页显示这个作者广告语有两种方法:

一种是通过在编辑器中使用短代码的方式,如在编辑中直接输入以下短代码:

  1. [acf field="text_field"]

其中text_field就是字段名称,记得修改哦,本文的短代码应该是:

  1. [acf field="zuozhegg"]

更新文章后即可在前台看到这个广告语的效果:

WP高级自定义字段插件Advanced Custom Fields Plugins 第8张

PS:CSS 样式自行调整哦。

另一种就是直接修改主题文件 single.php,在适当的位置插入以下代码即可:

  1. <?php if( get_field('text_field') ){ the_field('text_field');} ?>

或者

  1. <?php if( get_field('text_field') ){ echo get_field('text_field');} ?>

小结

Advanced Custom Fields 插件的强大是毋庸置疑的,本文只是用了一个最简单的文本字段来说明,如果有兴趣的大家不妨试试其他字段。只要你充分利用好这个插件,可以让你的 WordPress 站点变得更加强大更加多姿多彩哦。

拓展阅读

本文地址:http://boke112.com/4000.html
文章标签: ,   ,  
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
版权声明:本文为原创文章,版权归  所有,欢迎分享本文,转载请保留出处!
WordPress/zblogPHP免费响应式博客主题Blogs

 发表评论


  1. 拿着灼热的铁
    拿着灼热的铁 【举人】 @回复

    我都不知道什么是字段,好心疼自己…

  2. 技术乐园
    技术乐园 【小白】 @回复

    正在使用,效果真心不错!

  3. 电脑维修
    电脑维修 【状元】 @回复

    插件还是很强大的,使用也蛮简单

  4. 闲鱼
    闲鱼 【进士】 @回复

    这个插件还是很强大的,使用也蛮简单的 [嘻嘻]

  5. 寒辞
    寒辞 【小白】 @回复

    不错,看看能不能用上。

  6. 香港高防服务器
    香港高防服务器 【小白】 @回复

    很详细,不错不错

  7. 花卉说
    花卉说 【秀才】 @回复

    很强大的功能,能不能实现不同栏目有不同的自定义字段?

    • boke112导航
      boke112导航【村长】2017-06-15 17:26  回复

      @花卉说这个插件能够针对文章、页面、分类、标签、用户等分别建立不同的自定义字段组,每个字段组都可以建很多种类型的自定字段,关键是看你如何用了。

  8. wgwn
    wgwn 【小白】 @回复

    代码也可以搞定,干嘛要用插件呢?

    • boke112导航
      boke112导航【村长】2017-06-15 17:27  回复

      @wgwn简单的一两个自定义字段,代码比较好;如果想要实现这个插件所描述的那么多功能,其实代码加起来就是一个插件的代码了。如何取舍就看个人了

  9. 互访互推导航
    互访互推导航 【秀才】 @回复

    博主方便换个友链吗

  10. 小萝博客
    小萝博客 【进士】 @回复

    这个好厉害了

  11. 夏天烤洋芋
    夏天烤洋芋 【进士】 @回复

    貌似有点厉害的感觉。

  12. YangOne
    YangOne 【进士】 @回复

    很不错的插件。赞

  13. 灵异世界网
    灵异世界网 【进士】 @回复

    自定义表单

  14. 雅兮网
    雅兮网 【尚书】 @回复

    这个特别类似于 WordPress 的 metabox功能,在写文章的时候 可以直接对自定义栏目可视化编辑,但貌似这个插件更加牛叉

  15. 码农BTS
    码农BTS 【状元】 @回复

    先收藏再说

  16. 靠谱学生兼职网
    靠谱学生兼职网 【状元】 @回复

    很好用的插件,可以拿 来用了

  17. 天真网
    天真网 【书童】 @回复

    不错,学习了,晚上试试

  18. 爱时尚
    爱时尚 【尚书】 @回复

    来打个酱油

  19. 明月登楼
    明月登楼 【丞相】 @回复

    我最近总是定时发布文章丢失自定义栏目,郁闷呀!

    • boke112导航
      boke112导航【村长】2017-06-15 10:11  回复

      @明月登楼[疑问] 这个问题没有遇到过,定时发布文章正常,文章中用到的自定义栏目比如投稿、转载之类的也正常。你那个应该是特殊情况,期待早日解决问题