ACF文本字段未在正确的层次结构内呈现

Question

我使用ACF创建了2个文本字段，它们工作正常。问题是我正在使用“折叠主题”，并且每次将ACF短代码放入带有“代码块”的列中时，文本字段都不会遵循层次结构，并且会转到顶部。

这就是发生的情况（带有“ Esse textoéeditávelnapáginadeopções”的div是acf文本字段）：

具有6个文本字段的div应该在此avia_codeblock之上

这就是我如何在functions.php中作为短代码调用ACF：

function vComp(){
    echo '<div>';
    echo the_field( 'titulo_do_texto_1' );
    echo '</div>';

}
    add_shortcode( 'titulo1', 'vComp' );

然后在代码块中我只写[titulo1]。我真的不知道该怎么办，有人可以帮我吗？如果需要，最新的wp版本，带有Enfold主题，域为https://template1.portifolium.com/sobre/

非常感谢。

Answer 1

请考虑返回您的简码值，而不要显示

function vComp(){
    $shortcode_content = '<div>' . get_field( 'titulo_do_texto_1', get_the_ID() ) . '</div>'

    return $shortcode_content;
}

add_shortcode( 'titulo1', 'vComp' );