mi post es para solicitar ayuda en cuanto a hacer un loop un poco complejo. No es el típico bucle o loop q se hace como este:
Código PHP:
if (have_posts()) :
while (have_posts()) :
the_post();
the_content();
endwhile;
endif;
les dejo el markup de ejemplo comentando que es lo que debe repertirse para poder traer los registros desde la BD.
Código HTML:
<!--// CAROUSEL //--> <!-- bxSlider --> <div class="group-carousels group-caracteristicas"> <!-- Characteristics IMG --> <div class="main-slider"> <ul id="caracteristicasMainSlider" class="caracteristicas-slider"> <!--// BUCLE //--> <li> <div class="container"> <div class="row-fluid"> <div class="item item-caracteristicas-slide span6 offset6"> <?php the_post_thumbnail(); ?> </div> </div> </li> <!--// BUCLE //--> </ul> <!-- Control Page --> <div class="bx-controls bx-has-pager"> <div class="bx-pager bx-default-pager"> <!--// BUCLE //--> <div class="bx-pager-item"><a href="" data-slide-index="0" class="bx-pager-link active">1</a></div> <!--// BUCLE //--> </div> </div> <!-- End Control Page --> </div> <!-- End Characteristics IMG --> <!-- Characteristics TEXT --> <div class="caracteristicas-captions"> <div class="container"> <div class="row-fluid"> <div class="span5 offset1"> <div class="cs-captions-container"> <div class="cs-captions-aligner"> <div class="cs-slider"> <ul id="caracteristicas-captions-slider"> <!--// BUCLE //--> <li> <h2><?php the_title(); ?></h2> <p><?php the_content(); ?></p> <a href="<?php the_permalink(); ?>" class="btn btn-orange pull-right">Ver más</a> </li> <!--// BUCLE //--> </ul> </div> </div> </div> </div> </div> </div> </div> <!-- End Characteristics TEXT --> <div class="main-slider-controls main-slider-controls-caracteristicas"> <div class="container"> <span id="sliderPrev" class="slider-control slider-control-prev"></span> <span id="sliderNext" class="slider-control slider-control-next"></span> </div> </div> <!-- Background --> <div class="carousel-bg"> <ul id="caracteristicasBgSlider" class="bg-slider"> <!--// BUCLE EL CUAL REPETIRA LA LI SEGÚN EL NUMERO DE ENTRADAS QUE EXISTA INCREMENTANDO EL NUMERO DEL FINAL (slide-1, slide-2, slide-3, etc...) //--> <li class="item caracteristicas-bg-slide-1"></li> <!--// BUCLE //--> </ul> </div> <!-- End Background --> </div> <!-- End bxSlider --> <!--// END CAROUSEL //-->