Текстовое поле ACF не отображается в правильной иерархии

Question

Я создал 2 текстовых поля, используя ACF, и они отлично работают.Проблема в том, что я использую Enfold Theme, и каждый раз, когда я помещаю шорткод ACF в столбец с блоком кода, текстовое поле не будет учитывать иерархию, и оно переходит наверх.

Это то, что происходит(Div с «Esse texto é editável na página de opções» является текстовым полем acf):

Div с 6 текстовыми полями былидолжен быть выше этого avia_codeblock

Вот как я вызываю ACF в functions.php как короткий код:

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

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

А в кодовом блоке я просто пишу [titulo1].Я действительно не знаю, что я должен делать, кто-то может мне помочь?При необходимости последняя версия wp с Enfold Theme и доменом 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' );