2013-01-18 111 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

相關問題