Faça login para ocultar este anúncio
Bom eu mal tinha terminado de colocar o sistema de destaques em slide na home do blog e já tinha gente me pedindo como fazia um sistema de banners em slide...
Atendendo aos pedidos, estou disponibilizando o código fonte dos slides para que todos possam usufruir deste benefício. O codigo está semi-comentado e é de fácil entendimento, quem tiver dúvidas deixe um comentário...
Você pode facilmente pegar as informações de um banco de dados para alimentar os slides ou até mesmo pegar os posts do blog como no meu caso. Veja na imagem abaixo uma prévia do sistema:

Baixar sistema de banners em slide
Editado em 17/02/2011:
Sugestão recebida por email do colega Irison:
Olá Ricardo, eu vi que no seu site quando acessa a página principal as imagens do cycle ficam empilhadas e só depois elas se ajustam, eu resolvi isso colocando um overflow:hidden; na div principal do cycle que no meu caso é a #destaques, não sei se já tentou corrigir ou se tentou algo e desajustou outras configurações, mas vendo o "erro" resolvi lhe informar uma possível solução caso se interesse.
Na verdade eu coloquei o overflow:hidden na seguinte parte do CSS:
#destaques ul, #destaques ul li, #destaques ul li img {overflow:hidden}Pois colocando na div principal (#destaques) não tive o resultado esperado.








Boa tarde,
Instalei esse plugin no blog do site da empresa onde trabalho. Funcionou perfeitamente, porém eu não consigo ver mais do que os 5 posts que são mostrados no slide.
Por favor, você sabe me dizer o que eu fiz errado?
Obrigado.
Você precisa fazer dois loops diferentes, um para o slide e outro para o restante da página. Procure na documentação oficial do WP ou no Google mesmo sobre multiplos loops.
Nos comentários deste mesmo post se não me engano já há uma solução para este problema, dê uma conferida.
Oi, obrigado pela resposta.
Eu dei uma pesquisada e verifiquei a solução, porém não consegui ainda configurar. Pelo o que eu entendi tudo o que eu precisava fazer era adicionar o
antes do loop original do tema que eu uso. Mas não resolveu o problema.
Vou colar o código aqui, se você puder dar uma olhada e verificar onde eu estou errando eu agradeço muito.
<div id="content" role="main"> <?php if (is_home() && (strpos($_server['REQUEST_URI'], 'page') === false )){ ?> <div id="destaques"> <a class="faixa" href="#" title=""></a> <ul> <?php query_posts('showposts=5'); if (have_posts() ) : while (have_posts()): the_post(); ?> <li> <a href="<?php the_permalink() ?>" title="<?php the_title() ?>"><?php if (has_post_thumbnail()) the_post_thumbnail() ?></a> <div class="fundo"></div> <p><a href="<?php the_permalink() ?>" title="<?php the_title() ?>"><?php the_title() ?></a></p> </li> <?php endwhile; else: ?> <?php endif; ?> </ul> </div> <?php } ?> <?php rewind_posts(); ?> <?php if ( have_posts() ) : ?> <?php twentyeleven_content_nav( 'nav-above' ); ?> <?php /* Start the Loop */ ?> <?php while ( have_posts() ) : the_post(); ?> <?php get_template_part( 'content', get_post_format() ); ?> <?php endwhile; ?> <?php twentyeleven_content_nav( 'nav-below' ); ?> <?php else : ?> <article id="post-0" class="post no-results not-found"> <header class="entry-header"> <h1 class="entry-title"><?php _e( 'Nothing Found', 'twentyeleven' ); ?></h1> </header><!-- .entry-header --> <div class="entry-content"> <p><?php _e( 'Apologies, but no results were found for the requested archive. Perhaps searching will help find a related post.', 'twentyeleven' ); ?></p> <?php get_search_form(); ?> </div><!-- .entry-content --> </article><!-- #post-0 --> <?php endif; ?> </div><!-- #content --> </div><!-- #primary --> <?php get_sidebar(); ?> <?php get_footer(); ?>como colocar isto no meu site? to iniciando em css agora :(