WordPress :不能在PHP行中包含自定义post类型循环(使用ACF的"the_field")

Question

我正在学习如何使用WordPress +自定义post类型UI +高级自定义字段创建新的自定义Post类型，我遇到了一个奇怪的问题。基本上，我希望能够从我的Wordpress仪表板中直接添加一个自定义的HTML“数据-目标”属性(打开带有引导的调制解调器)。

以下是代码：

<div class="slider slider--columns" data-arrows="true" data-paging="true">
<ul class="slides">

<?php 

$args = array(
'post_type' => 'MY_POST_TYPE',
'posts_per_page' => -1 
);

$MYPOSTTYPE = new WP_Query ($args);
if ($MYPOSTTYPE->have_posts() ):
    while ($MYPOSTTYPE->have_posts() ): $MYPOSTTYPE->the_post();

echo '<li class="col-sm-4 col-xs-6" data-toggle="modal" data-target="'.the_field('datatarget_gds').'">';
echo '<div id="MY_ID" style="background-image: url(BGIMAGE.png) !important;"><img style="visibility: hidden;" alt="Image" src="dummyimage.png"></div>';
echo '</li>';


endwhile; endif;
wp_reset_postdata();

?>

</ul>
</div>

但是在启动网页时，应该出现在“数据-目标”属性中的值就出现在打开<li>标记之前，顺便说一句，这些值的顺序是完美的。为什么？

哦，正如你所看到的，我在这里使用Flickity，从第一个分区开始，但我怀疑这是错的。

谢谢！

Answer 1

好吧问题解决了。我只是意识到解决方案是将HTML代码从PHP中删除。

下面是具体的代码：

<div class="slider slider--columns" data-arrows="true" data-paging="true">
<ul class="slides">

<?php 

$args = array(
'post_type' => 'MY_POST_TYPE',
'posts_per_page' => -1 
);

$MYPOSTTYPE = new WP_Query ($args);
if ($MYPOSTTYPE->have_posts() ):
    while ($MYPOSTTYPE->have_posts() ): $MYPOSTTYPE->the_post();

?>

<li class="col-sm-4 col-xs-6" data-toggle="modal" data-target="<?php the_field('datatarget_gds') ?>">
<div id="MY_ID" style="background-image: url(BGIMAGE.png) !important;"><img style="visibility: hidden;" alt="Image" src="dummyimage.png"></div>
</li>

<?php

endwhile; endif;
wp_reset_postdata();

?>

但是，我仍然认为，如果出于某种原因，您需要使用一些PHP，那么这可能会很复杂。