我的简码内容出现在网页顶部

Question

我在下面有这段代码，它向我的用户帐户区域添加了一个额外的选项卡。中间有一个部分，您可以在其中添加选项卡中的内容。当我输入文本时，它停留在这个区域，但是短代码内容出现在帐户框外并位于页面顶部。

我可以添加什么来正确实现这里的简码吗？

 // My Brands tab



add_filter('um_account_page_default_tabs_hook', 'my_custom_tab_in_um2', 100 );
    function my_custom_tab_in_um2( $tabs ) {
       $tabs[800]['mybrands']['icon'] = 'um-icon-android-star';
       $tabs[800]['mybrands']['title'] = 'My Favourite Brands';
       $tabs[800]['mybrands']['custom'] = true;
            $tabs[800]['mybrands']['show_button'] = false;

   return $tabs;
}


add_action('um_account_tab__mybrands', 'um_account_tab__mybrands');
function um_account_tab__mybrands( $info ) {
   global $ultimatemember;
   extract( $info );

   $output = $ultimatemember->account->get_tab_output('mybrands');
   if ( $output ) { echo $output; }
}

add_filter('um_account_content_hook_mybrands', 'um_account_content_hook_mybrands');
function um_account_content_hook_mybrands( $output ){
   ob_start();
   ?>

   <div class="um-field">


page or shortcode or content here.
      [my_lotteries]



   </div>      

   <?php

   $output .= ob_get_contents();
   ob_end_clean();
   return $output;
}

我的简码内容出现在网页顶部

My shortcode content appears at the top of the webpage

php

wordpress

shortcode

woocommerce