Question

我有一个wordpress短代码来处理我的侧边栏的一些PHP（用于自定义字段）。短代码如下：

add_shortcode('my_further_information_list','my_further_information_list_func');
function my_further_information_list_func(){
        $additional_info_1 = get_field( 'additional_info_1');
        $additional_info_2 = get_field( 'additional_info_2');
        $additional_info_3 = get_field( 'additional_info_3');
        if ( $additional_info_1) {
            $html = '<li>'.the_field('additional_info_1').'</li>';
        }
        if ( $additional_info_2) {
            $html = '<li>'.the_field('additional_info_2').'</li>';
        }
        if ( $additional_info_3) {
            $html = '<li>'.the_field('additional_info_3').'</li>';
        }
        return $html;
}

出于某种原因，当我使用这个短代码时，它会在页面上完全错误的位置生成html（在短代码所在的div中）。我以前没遇到过这个问题，所以关于为什么会发生这种情况的想法呢？

你可以看到他们出现在这里的奇怪地方：

shortcode generating in weird place...

这是主题侧边栏代码：

<?php if ( x_get_content_layout() != 'full-width' ) : ?>

  <aside class="x-sidebar nano" role="complementary">
    <div class="max width nano-content">
      <?php if ( get_option( 'ups_sidebars' ) != array() ) : ?>
        <?php dynamic_sidebar( apply_filters( 'ups_sidebar', 'sidebar-main' ) ); ?>
      <?php else : ?>
        <?php dynamic_sidebar( 'sidebar-main' ); ?>
      <?php endif; ?>
    </div>
  </aside>

<?php endif; ?>

这是生成的HTML。正如您所看到的，顶部窗口小部件（也使用一个短代码，其函数引用自定义字段（但以不同的方式 - 使用循环 - 因为它引用的字段不同））工作正常，底部（只需一个简单的

，然后按一个按钮）。但是在中间窗口小部件中，短代码会生成小部件应该位于div上方的链接和文本...

<div id="text-8" class="widget widget_text">    
    <h4 class="h-widget">Related Articles</h4>
        <div class="textwidget">
            <p>
                <ul>
                    <li><a href="https://www.relatedarticle1.link">Related Article 1</a></li>
                    <li><a href="https://www.relatedarticle2.link">Related Article 2</a></li>
                    <li><a href="https://www.relatedarticle3.link">Related Article 3</a></li>
                </ul>
            </p>
        </div>
</div>

<a href="https://www.furtherinformation1.link" target="_blank">Further Information 1</a><a href="https://www.furtherinformation2.link" target="_blank">Further Information 2</a>
<div id="text-9" class="widget widget_text">
    <h4 class="h-widget">Further Information</h4>
        <div class="textwidget"><p><ul><li></li><li></li></ul></p></div>
</div>

<div id="custom_html-4" class="widget_text widget widget_custom_html">
    <h4 class="h-widget">Feedback</h4>
        <div class="textwidget custom-html-widget">
            <p>Please provide feedback!<p>
                <a href="" class="open-popup" title="Feedback"><button>PROVIDE FEEDBACK</button></a>
        </div>
</div>

Answer 1

我认为你的代码应该是

t, t+1, ... t+n

无效的html元素可能会导致此类行为，具体取决于您的CSS。如果您需要更多帮助，请提供模板代码，或至少围绕the_content（）

的代码段

编辑：the_field与echo get_field相同。它不能用于构建字符串。这就是你在上面使用get_field的原因：）

Wordpress短代码出现在错误的地方

1 个答案: