2013-01-18 115 views
2

我在wordpress中使用高级自定义字段复选框功能。高级自定义字段复选框

我创建了一个<ul><li>

<ul class="post-icons"> 
    <li class="microphone" title="Alt text"></li> 
    <li class="video" title="Alt text"></li> 
    <li class="text" title="Alt text"></li> 
    <li class="image" title="Alt text"></li> 
</ul> 

,我已经在高级定制领域创建了四个复选框。如果我在class="(here)"中使用这个PHP。

<?php echo implode(' ', get_field('field_name')); ?> 

它会将复选框的值打印到类“”上,但它会打印出我创建的所有四个复选框值。我只想打印正确的地方。

最好的办法使用.active类,但先进的自定义字段不允许使用相同的值多个复选框。我的意思是,如果你检查图片文本一个复选框,将打印.active什么明智的

<li class="image" title="Alt text"></li> and 
<li class="text" title="Alt text"></li> 

Like = <li class="image active" title="Alt text"></li> and <li class="text active" title="Alt text"></li> 

我有四个复选框

  • 视频
  • 文本
  • 声音
  • 图片

3有四个<li>

- <li class="video"></li> 
- <li class="text"></li> 
- <li class="microphone"></li> 
- <li class="image"></li> 

麦克风=声音

我想在右边<li>class""项目打印.active。当相应的复选框被选中

我将链接的文档,以先进的自定义字段复选框,我不明白了很多关于如何创造的东西是什么,我需要为我的项目。

Documentation

+0

我不太了解...复选框(在ACF配置中)有什么选择?为什么你需要它们在配置中具有相同的值?你为什么内爆? – brasofilo

+0

嗨brasofilo,我想使用复选框轻松添加他们将显示在页面上的我的发布图标的类名称。我的复选框选择是声音,视频,文本,图像。如果我检查文本和图像,它会看起来像这样[链接](http://alturl.com/soomx)查看帖子标题旁边的两个白色图标。我希望这能够澄清我在做什么。 – Pullapooh

+0

请编辑您的问题并向我们展示Html应该如何根据字段值进行呈现。 – brasofilo

回答

5

这不是真正从哪些领域存在问题的明确。

在复选框中字段的情况下(检查PHP ternary operator):

// If checked, the string is 'active', otherwise empty 
$image = (get_field('image_field')) ? 'active' : ''; 
$video = (get_field('video_field')) ? 'active' : ''; 

<li class="image <?php echo $image; ?>" title="Alt text"></li> 
<li class="video <?php echo $video; ?>" title="Alt text"></li> 

但是,更好的是一个Select field允许多项选择(检查PHP in_array):
acf select multiple

$get_field = get_field('field_name'); 
$image = in_array('image', $get_field) ? 'active' : ''; 
$video = in_array('video', $get_field) ? 'active' : ''; 

<li class="image <?php echo $image; ?>" title="Alt text"></li> 
<li class="video <?php echo $video; ?>" title="Alt text"></li> 
+0

嗨brasofilo,你的例子是完美的工作!感谢那。它在选择字段和复选框字段中工作!这很棒,完美的作品! :) – Pullapooh

相关问题