Cómo crear un carrusel de entradas relacionadas sin plugins

  • Autor Autor Juanjo87
  • Fecha de inicio Fecha de inicio
J

Juanjo87

Gamma
Diseñador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola a todos, pues de nuevo ando por aquí pidiendo un poquito de ayuda.
En esta ocasión necesito crear un carrusel slider de entradas relacionadas, tengo creado un código para que me relacione las entradas de un post type por taxonomía por ejemplo: pos type= películas, taxonomía= acción, lo que necesito es que me aparezca un carrusel con las entradas relacionadas de dicho código...no se si me explico muy bien pero dejo parte del código para que me entiendan mejor

PHP:
function related_posts_(){
    global $post;
// get the custom post type's taxonomy terms
 
$custom_taxterms = wp_get_object_terms( $post->ID, 'genero', array('fields' => 'ids') );
// arguments
$args = array(
'post_type' => 'pelicula',
'post_status' => 'publish',
'posts_per_page' => 6, // you may edit this number
'orderby' => 'title',
'order'   => '',
'tax_query' => array(
    array(
        'taxonomy' => 'genero',
        'field' => 'id',
        'terms' => $custom_taxterms
    )
),
'post__not_in' => array ($post->ID),
);
$related_items = new WP_Query( $args );
// loop over query
if ($related_items->have_posts()) :
echo '<div id="content_related">';

while ( $related_items->have_posts() ) : $related_items->the_post();
?>

Alguien puede pasarme algún tutorial? sabe alguien de como crear esto sin utilizar un plugin?

- - - Actualizado - - -

alguien puede decirme algo?

EDITO*

ai posibilidad de incorporar dicho codigo en cualquier carrusel? por ejemplo en este codigo seria posible agregar la funcion de entradas relacionadas para que en cada <li> me muestre una entrada?
PHP:
<div id="liquid">
	<span class="previous"></span>
	<div class="wrapper">
		<ul>
			<li><a href="#"><img src="image.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="image.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="image.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="image.jpg" width="88" height="126" alt="image"/></a></li>
			...
		</ul>
	</div>
	<span class="next"></span>
</div>

- - - Actualizado - - -

que alguien con conocimientos me ayude please

- - - Actualizado - - -

no encuentro nada de informacion y me estoy desesperando un poco.
Lo que necesito es un carrusel de entradas relacionadas para lal entradas personalizadas.

Me gustaria que me apareciese el carrusel con las entradas relacionadas de una taxonomia por ejemplo, entrada personalizada "pelicula" taxonomia "genero" tan dificil es esto que pretendo? lo e visto en otras web y e visto algun plugin pero no e encontrado ninguno que se adapte a mis necesisades, el unico que mas se podria asimilar es carousel-horizontal-posts-content-slider pero no me relaciona las entradas ni soporta gestos tactiles. alguien puede arrojar algo de informacion?

Gracias.

- - - Actualizado - - -

vale puues ya esta resuelto, lo estaba haciendo mal , solo tenia que rear el loop de la funcion nueva y listo, carrousel funcionando:encouragement:
 
Última edición: