Suporte » Desenvolvendo com WordPress » Como usar quey_post em um slider

  • Resolvido Eduardo Borges

    (@edu_borgs)


    Tenho um problemao!
    Eu uso um slider em meu site chamado featured content slider, mas eu tenho que trocar as informacoes manualmente. Queria o query_post no slider para que ele coloque as postagens de uma categoria. Agradeco

Visualizando 10 respostas - 1 até 10 (de um total de 10)
  • Crie um loop normal do WordPress e informe o slider de que o bloco para ele girar é, por exemplo, div.hentry (assumindo que todas as suas informações estariam dentro dessa div).

    Criador do tópico Eduardo Borges

    (@edu_borgs)

    Nao entendi, me explique melhor. Nao entendo nada de Query_posts

    Abaixo deixo a WP_Query com 3 itens no loop e a categoria 1, basta alterar conforme suas necessidades:

    <?php
    $slide = new WP_Query(array(
        'cat' => 1, //Insira aqui o ID da sua categoria
        'posts_per_page' => 3 //Defina aqui o máximo de posts que vc quer
    ));
    ?>

    Aqui, defini uma lista com os itens exibindo um link com a imagem do post, se for preciso modificar o HTML, pegue este loop por referência:

    <?php if ($slide->have_posts()) : ?>
    <ul>
    	<?php while($slide->have_posts()) : $slide->the_post(); ?>
    	<li>
    		<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
    			<?php the_post_thumbnail('thumbnail', array('title' => get_the_title())); ?>
    	   </a>
    	</li>
    	<?php endwhile; wp_reset_postdata(); ?>
    </ul>
    <?php endif; ?>
    Criador do tópico Eduardo Borges

    (@edu_borgs)

    vou deixar o código que eu uso do meu slider ->>

    <?php /* SLIDE 1 */ ?>
    	    <div id="fragment-1" class="ui-tabs-panel" style="">
    			<img height="250" width="400" src="<?php echo $img1 ?>" alt="" />
    			 <div height="50" width="50" class="info" >
    				<h2><a href="<?php echo $img1_link ?>" ><?php echo $img1_titulo ?></a></h2>
    				<p><?php echo $img1_descricao ?><br><a href="<?php echo $img1_link ?>" >[LEIA MAIS]</a></p>
    			 </div>
    	    </div>
    
    	    <?php /* SLIDE 2 */ ?>
    	    <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
    			<img height="250" width="400" src="<?php echo $img2 ?>" alt="" />
    			 <div class="info" >
    				<h2><a href="<?php echo $img2_link ?>" ><?php echo $img2_titulo ?></a></h2>
    				<p><?php echo $img2_descricao ?><br><a href="<?php echo $img2_link ?>" >[LEIA MAIS]</a></p>
    			 </div>
    	    </div>
    
    	    <?php /* SLIDE 3 */ ?>
    	    <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
    			<img height="250" width="400" src="<?php echo $img3 ?>" alt="" />
    			 <div class="info" >
    				<h2><a href="<?php echo $img3_link ?>" ><?php echo $img3_titulo ?></a></h2>
    				<p><?php echo $img3_descricao ?><br><a href="<?php echo $img3_link ?>" >[LEIA MAIS]</a></p>
    	         </div>
    	    </div>
    
    	    <?php /* SLIDE 4 */ ?>
    	    <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
    			<img height="250" width="400" src="<?php echo $img4 ?>" alt="" />
    			 <div class="info" >
    				<h2><a href="<?php echo $img4_link ?>" ><?php echo $img4_titulo ?></a></h2>
    				<p><?php echo $img4_descricao ?><br><a href="<?php echo $img4_link ?>" >[LEIA MAIS]</a></p>
    	         </div>
    	    </div>
    
    	</div>
    
    <?php // FIM SLIDER ?>

    Como pode perceber eu apenas altero o valor das variaveies para trocar as informações.

    Espero que possa me ajudar

    o seu problema é que o slider foi mal estruturado, ele funciona como se fosse em um loop ou seja “frament-1 à 4” por isso quando você vai postar as imagens fica uma por cima da outra. O segredo é fazer um contator para o fragmento, sendo assim o problema se resolve.
    Confira o link da solução: http://pastebin.com/aKbbkaWz

    Se não ajudar avise

    Criador do tópico Eduardo Borges

    (@edu_borgs)

    Cara não tah dando certo não;

    Olha vou te passar o codigo completo de meu slider, vc baixa e adapta pro wordpress pra mim, vlw?

    Eu jah fiz de td!
    Se quizer dar uma olhada em meu site tah aqui o link
    http://mundonerd.comli.com
    É o slider maior.
    Vlw!

    Eduardo, você enviou o link de um site. Seria isso mesmo? Este é o seu site?
    Pois o slide está funcionando perfeitamente.

    Criador do tópico Eduardo Borges

    (@edu_borgs)

    Eh mas o codigo que vc me passou esta dando erro. Me add no MSN que agente troca ideias melhor
    edudmaispravc@hotmail.com
    ou meu facebook
    http://fb.com/oEduardoBorges

    Criador do tópico Eduardo Borges

    (@edu_borgs)

    Cara desculpe pelo trabalhao que te dei. Resolvi meu problema usando quatro query usando a funcao offset para as postagens nao se repitirem

    Resolveu mesmo, Eduardo?

    Bom saber! Qualquer coisa, posta aí que quando estou livre apareço no Fórum!

    Abs

Visualizando 10 respostas - 1 até 10 (de um total de 10)
  • O tópico ‘Como usar quey_post em um slider’ está fechado para novas respostas.