2016-04-26 69 views
1

我已經給出了下面使用Wordpress高級自定義字段在頁面上創建框的代碼。我期待每一個DIV甚至產生如之前包括空白格:Wordpress ACF添加div甚至

<div class="span2 team-'. $count .'"> </div> 
<div class="span2 team-blank even"> </div> <- inserted blank div needed 
<div class="span2 team-'. $count .'"> </div> 
<div class="span2 team-blank even"> </div> <- inserted blank div needed 

下面我當前的代碼是生產的箱子,我似乎無法工作,如何算div和輸入空白格。我認爲這可以用PHP或Jquery完成。

    <?php 
if (get_field('team')) 
{ 
echo '<div class="span6">'; 
echo '<div class="row">'; 
$count=0; 
while (has_sub_field('team')) 
{ 
    echo '<div class="span2 team-'. $count .'"> '; 
    echo '<a class="inline cboxElement" href="#inline_content-'. $count .'">'; 
    $personimage_url = wp_get_attachment_image_src(get_sub_field('image_person'), 'why_img'); 
    echo '<img src="' . $personimage_url[0] . '">'; 
    echo '</a> '; 
    echo '<div style="display:none"> '; 
    echo '<div id="inline_content-'. $count .'" class="row"> '; 
    echo '<div class="span10 about-area">'; 
    echo '<div class="contact_img">'; 
    $about_url =   wp_get_attachment_image_src(get_sub_field('image_person'), 'about_img'); 
    echo '<img src="' . $about_url[0] . '"></div>'; 
    if (get_sub_field('name')) echo '<span class="name">' .   get_sub_field('name') . '</span> '; 
    if (get_sub_field('about')) echo '<span class="about">'.  get_sub_field('about') .'</span>'; 
    echo '</div><br style="clear: both;">'; 
    echo '<div id="lightbox"> 
<h1 id="site-title" class="span5"> <span> <a href="http://www.website.com" title="Website" rel="home">Website</a>   </span> </h1> 
</div>'; 
    echo '</div> '; 
    echo '</div> '; 
    echo '<span class="contact_label">' . get_sub_field('name') .  '</span>'; 
    echo '</div> '; 
    $count++; 
} 
echo '</div>'; 
echo '</div>'; 
}?> 
+2

有你在PHP呼應你的HTML,而不僅僅是關閉/打開PHP代碼的原因是什麼?一定是噩夢維持! – Andy

+0

Atleast切換到http://php.net/manual/en/control-structures.alternative-syntax.php。在你的代碼中輸入錯字確實很容易。 – jedrzejchalubek

+0

我認爲你不需要模函數,你可以爲每個迭代打印兩個div – Pietro

回答

1

您可以使用modulus運營商與count變量來做到這一點沿:

<?php 
if (get_field('team')) 
{ 
echo '<div class="span6">'; 
echo '<div class="row">'; 
$count=0; 
while (has_sub_field('team')) 
{ 

    echo '<div class="span2 team-'. $count .'"> '; 
    echo '<a class="inline cboxElement" href="#inline_content-'. $count .'">'; 
    $personimage_url = wp_get_attachment_image_src(get_sub_field('image_person'), 'why_img'); 
    echo '<img src="' . $personimage_url[0] . '">'; 
    echo '</a> '; 
    echo '<div style="display:none"> '; 
    echo '<div id="inline_content-'. $count .'" class="row"> '; 
    echo '<div class="span10 about-area">'; 
    echo '<div class="contact_img">'; 
    $about_url =   wp_get_attachment_image_src(get_sub_field('image_person'), 'about_img'); 
    echo '<img src="' . $about_url[0] . '"></div>'; 
    if (get_sub_field('name')) echo '<span class="name">' .   get_sub_field('name') . '</span> '; 
    if (get_sub_field('about')) echo '<span class="about">'.  get_sub_field('about') .'</span>'; 
    echo '</div><br style="clear: both;">'; 
    echo '<div id="lightbox"> 
<h1 id="site-title" class="span5"> <span> <a href="http://www.website.com" title="Website" rel="home">Website</a>   </span> </h1> 
</div>'; 
    echo '</div> '; 
    echo '</div> '; 
    echo '<span class="contact_label">' . get_sub_field('name') .  '</span>'; 
    echo '</div> '; 

    // Use modulo to see if $count is divisible by 2 (i.e. an even number) 
    if ($count % 2 === 0) 
    { 
     // Insert blank div 
     echo '<div class="span2 team-blank even"> </div>'; 
    } 

    $count++; 
} 
echo '</div>'; 
echo '</div>'; 
} 
?> 
+0

這似乎沒有工作,當輸入到PHP模板時它沒有顯示任何東西。另外,我不希望它替換偶數div,我希望它在偶數之前輸入一個空白div。 – Hue

+0

我更新了代碼,不跳過偶數div。至於它沒有顯示任何東西,我做了一個快速測試頁面,它的工作正常 - 你是否得到任何WordPress錯誤消息? – Prawny

+0

好吧,這是渲染,但不正確的順序:

Hue

相關問題