the_title() e the_content() aparecendo acima do conteudo a ser exibido

[Luis Fernando R. Valle 0]

Estou tentando exibir um conteúdo dentro de tabs, mas o titulo e a descrição aparecem fora das tabs. O restante esta ok

Segue código abaixo:

 

function mz_eventos($atts, $content){

$loop = new WP_Query(array(
        'post_type' => 'evento',
        'posts_per_page' => 6
    ));
    if($loop->have_posts()):
        $output = '<link rel="stylesheet" type="text/css" href="'.WP_PLUGIN_URL.'/mz-eventos/css/style.css">';
        $output .= '<div class = "tabinator">';
            $tabs = 1;
            //exibição das tabs
            while ($loop->have_posts()):
                $loop->the_post();
                //exibir campos personalizados
                $custom = get_post_custom($post->ID);
                $data_inicial = $custom["data_inicial"][0];
                if ($tabs == 1):
                    $checked = 'checked';
                else:
                    $checked = NULL;
                endif;
                $output .= '<input type = "radio" id = "tab'.$tabs.'" name = "tabs" '.$checked.'><label for = "tab'.$tabs.'">'.$data_inicial.'</label>';
                $tabs++;
            endwhile;
            $tabs = 1;
            //exibição do conteudo
            while ($loop->have_posts()):
                $loop->the_post();
                $custom = get_post_custom($post->ID);
                $localizacao = $custom["localizacao"][0];
                $parceiro = $custom["parceiro"][0];
                $output .= '
                <div id = "content'.$tabs.'">
                    <div>
                    <p>'.$localizacao.'</p>
                    <p>'.$parceiro.'</p>
                    <p>aqui a descrição completa do evento</p>
                    <p>'.the_title().'</p>
                    <p>'.the_content().'</p>
                    </div>
                </div>';
                $tabs++;
            endwhile;
            
        $output .='</div>';
    else:
        $output .= '<h2>Nenhum evento localizado</h2>';
    endif;    
    return $output;

}
add_shortcode('eventos', 'mz_eventos');

 

[Ted k' 126]

Essa dúvida está mais para HTML e CSS, antes de colocar no WP, testa a tab em um arquivo fora, um html mesmo, depois passa para o WP...