Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Wordpress - Criar Carousel com posts

Boa tarde pessoal. Gostaria de saber se tem algum curso que explique alguma forma de fazer um carousel dinâmico. Estou com a seguinte dúvida, estou criando um website em Wordpress e a página que estou criando é estática, logo, criada via código php, pois preciso mostrar um post vinculado a duas taxonomias e foi a forma mais adequada que achei para isso. Criei as taxonomias e já consigo ver os posts vinculados a duas taxonomias, como no código abaixo: <?php $queryTaxonomy = array_key_exists('taxonomy', $_GET); if ($queryTaxonomy && $_GET['taxonomy'] == '') { wp_redirect(home_url()); exit; } ?> <?php $args = array( 'post_type' => 'job_listing', 'orderby' => 'rand', 'tax_query' => array( array( 'taxonomy' => 'job_listing_region', 'field' => 'slug', 'terms' => 'osasco' ), array( 'taxonomy' => 'job_listing_category', 'field' => 'slug', 'terms' => 'gastronomia' ) ) ); ?>

<?php $loop = new WP_Query($args); if ($loop->have_posts()) { ?> <?php while ($loop->have_posts()) { $loop->the_post(); ?>

<?php } ?> <?php } ?>

Desta forma vejo os posts porém preciso colocar eles dentro de um carousel onde a cada virada mostre 4 imagens. Mas não sei como inserir de forma dinâmica, a forma que sei é estática.

Alguém poderia me ajudar?

3 respostas

Fala Tiago,

Tranquilo?

Então, você já sabe fazer um Carousel usando HTML/CSS/JS? Pois você precisa saber disto, sabendo disto você precisa apenas renderizar o PHP na estrutura HTML/CSS/JS do Carousel.

solução!

Tiago, dentro do seu While (se seu código estiver todo correto) você precisa inserir a estrutura dos sliders do Carousel, porém você precisa ter a folha de estilo do Carousel, precisa do Javascript, precisa configurar ID, inicializa-lo em Javascript/jQuery.

E fora do While (antes e depois) adicionar as configurações de abertura e fechamento do Carousel, tais como o seguinte exemplo:

<-div id="carouselBootstrap" class="carousel">

// SEU WHILE COMECA AQUI

<-div class="item-filho">

<-/div>

// SEU WHILE TERMINA AQUI

<-/div>

Espero ter ajudado.

Muito obrigado a todos pela ajuda, solucionou o meu problema.