• OLá, tenho uma categoria específica no blog, queria usar abas para o tres últimos posts desta categoria, não queria usar shortcodes dentro do editor, será que existe algum plugin ou código que faça chamar as abas no meu tema? Obrigada!

Visualizando 8 respostas - 1 até 8 (de um total de 8)
  • Ola. Você já tem os códigos para fazer as abas?
    E o que precisa é pegar os últimos 3 posts e colocar cada um em uma aba?
    É isso?

    Criador do tópico Aline_rodrigues

    (@aline_rodrigues)

    Olá Everal tenho sim, meu código em html e css, eu queria é ver como coloco no loop.
    Valeu!

    Criador do tópico Aline_rodrigues

    (@aline_rodrigues)

    Isso é o que desejo fazer com meu código

    <div class="content">
    <h2 class="title-inter">nossos serviços</h2>
     <?php query_posts('cat=3&showposts=2'); ?>
    <?php while ( have_posts() ) : the_post(); ?>
    <div id="my-wordpress-tabs">
    	<ul>
    		<li><a href="#my-wordpress-tabs-1"><?php the_title();?></a></li>
    	</ul>
    	<div id="my-wordpress-tabs-1">
    		<?php the_content();?>
    	</div>
    </div>
    <?php endwhile; ?>
     <?php wp_reset_query(); ?>
    </div>

    $("#my-wordpress-tabs").tabs();

    Esse seu código apresenta algum erro quando roda? Ele esta mostrando os posts (esta setado 2)?

    Como é a montagem dessa aba, o HTML gerado?

    Criador do tópico Aline_rodrigues

    (@aline_rodrigues)

    Meu HTML

    <div class="fleft">
    					<div class="box-left-tab">
    						<a href="#" class="tabs tab-1 active-tabs">Título</a>
    						<a href="#" class="tabs tab-2">Título</a>
    						<a href="#" class="tabs tab-3">Título</a>
    					</div>
    				</div><!--end fleft-->
    
    				<div class="fleft">
    					<div class="box-right-tab">
    						<div class="content-tab content-tab-1">oi</div>
    						<div class="content-tab content-tab-2" style="display:none;">ola</div>
    						<div class="content-tab content-tab-3" style="display:none;">ole</div>
    					</div>
    				</div><!--end fleft-->

    Meu Javascript

    //menu dropdown
    		    $('.tabs').each(function(i){
    		        $(this).click(function(){
    		            $('.content-tab').each(function(j){
    		            if(i == j) $(this).stop().toggle('slow');
    		            });
    		        });
    		    });

    Na verdade quero mudar meu javascript para aparecer as abas automaticamente, quando eu for colocar no loop. Neste javascript ele faz um efeito toggle, o que não funciona muito bem.

    Criador do tópico Aline_rodrigues

    (@aline_rodrigues)

    Amigo consegui fazer as Tabs, na verdade estava errando no código
    Deixei meu javascript assim

    $(‘.tabs’).each(function(i){
    $(this).click(function(){
    $(‘.content-tab’).each(function(j){
    if(i == j) $(this).stop().show(‘slow’);
    else{
    if(i != j) $(this).stop().hide(‘slow’);
    }
    });
    });
    });

    Legal que resolveu. E ainda colocou a solucao aqui para proximas duvidas.

Visualizando 8 respostas - 1 até 8 (de um total de 8)
  • O tópico ‘Criar abas no wordpress’ está fechado para novas respostas.