WordPress ACF教程 | Advanced Custom Fields 教程-文本字段的创建和调用方法

文本字段创建一个基本的文本输入,用于存储单个字符串值。

截图

WordPress ACF教程 | Advanced Custom Fields 教程-文本字段的创建和调用方法-大可建站
WordPress ACF教程 | Advanced Custom Fields 教程-文本字段的创建和调用方法-大可建站

设置

  • 默认值
    创建新帖子时显示的默认值。
  • 必填
    项位于“验证”选项卡上,可防止字段接受空值。默认为关闭。
  • 字符限制
    限制允许的字符数。
  • 说明
    显示提交数据时的说明。
  • 当不存在值时,占位符文本会出现在输入中。
  • 在输入前添加可视文本元素。
  • 附加
    在输入后添加可视文本元素。

 

显示设置字段

可以根据自己需要显示设置字段的页面

进行添加定位规则,这里例子为Wordpress的页面等于示例页面才会显示这个文本字段,

WordPress ACF教程 | Advanced Custom Fields 教程-文本字段的创建和调用方法-大可建站

设置完成后点击右上角的保存更改。

设置字段

进入示例页面,可以看到下方刚才创建的文本字段

WordPress ACF教程 | Advanced Custom Fields 教程-文本字段的创建和调用方法-大可建站

模板使用

显示值

text需要和你创建的字段名称相同

<?php the_field( 'text' ); ?>

显示字段

添加到指定的 php文件中,这里以page.php为例,page是主题开发中的页面,如果没有单独定义一个页面,会自动选择主题根目录下的 page.php 文件

WordPress ACF教程 | Advanced Custom Fields 教程-文本字段的创建和调用方法-大可建站

添加判断代码,如果有就显示,没有不显示。

<?php if( get_field('text') ) : ?>
    <div>
        <?php the_field('text'); ?>
    </div>
<?php endif; ?>

填写字段保存,显示以下内容。与后台相同

WordPress ACF教程 | Advanced Custom Fields 教程-文本字段的创建和调用方法-大可建站