Soporte » Diseño – Temas y plantillas » Duda con slider externos

  • Resuelto Finergaby

    (@finergaby)


    Creo que esto es simple wordpress se puede integrar slider externos tipo
    http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/

    Estoy intentando pero no lo logro quiero hacer que sea vean la imagen y el titulo en el slider de los ultimos posts de wordpress

    Osea el slider lo integre pude hacer que me ande pero cuando le agrego el php para que me muestre las imagenes y el titulo de los ultimos blog deja de funcionar el slider
    Algo breve para que entiendan..

    <div id="da-slider" class="da-slider">
    						<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
        <div class="da-slide">
    			<article>
                    	<h2><?php the_title();?></h2>
    					<p><?php the_excerpt();?></p>
    					<a href="#" class="da-link">Read more</a>
    						</article>
    					<div class="da-img"> <a href="<?php the_permalink();?>"><?php if ( has_post_thumbnail() ) { the_post_thumbnail( 'slider_thumbs' ); } ?></a></div>
    				</div>
    				<nav class="da-arrows">
    					<span class="da-arrows-prev"></span>
    					<span class="da-arrows-next"></span>
    				</nav>
    		</div>
    	<?php endwhile; else: ?>
    <h1>No se encontraron articulos</h1>
    <?php endif; ?>
            </div>
Viendo 5 respuestas - 1 de 5 (de 5 total)
  • Sin tener acceso a todo lo que estas haciendo va a ser imposible ayudar. Con solo ver como llamas a un título sin saber todos los scripts que estas metiendo, como los metes, en que posición, como los llamas y demás, imposible.

    ¿Porque no instalas un plugin de slider y ya?

    Saludos.

    Yo hize esto segun ami manera de integrarlo primero descarge los archivos del slider (el html, jquery y css) luego primero cree un archivo slideshow.php para el slider, en mi carpeta de mi theme ai ingrese el html y php que puse al principio (primer mensaje eso ingrese al slideshow.php) con el slider las variable del slider y wordpress…
    Luego fui a mi header.php e ingrese las variable para llamar al jquery de los slider y css por default del slider

    <!doctype html>
    <html lang="es">
    <head>
    <meta charset="UTF-8">
    <title>My Blog</title>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url')?>">
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url')?>/css/reset.css">
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url')?>/css/master.css">
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic' rel='stylesheet' type='text/css'>
    			<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    	<script src="<?php bloginfo('template_url')?>/js/jquery.cslider.js"></script>
    			<script src="<?php bloginfo('template_url')?>/js/modernizr.custom.28468.js"></script>
    			<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url')?>/css/style2.css">
    			<noscript>
    			<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url')?>/css/nojs.css">
    		</noscript>
    <script type="text/javascript">
    $(function() {
    	$('#da-slider').cslider({
    		autoplay	: true,
    		bgincrement	: 450
    		});
    
    		});
    </script>
    <?php wp_head();?>
    </head>
    <body>
    <header>
    <nav>
    <?php wp_nav_menu(
    array(
    'container' => false,
    'items_wrap' => '<ul id="menu-top">%3$s</ul>',
    'theme_location' => 'menu'
    )); ?>
    </nav>
    </header>

    Luego en mi archivo index.php llame al slideshow.php para que se vea con la siguiente variable
    <?php include (TEMPLATEPATH. '/slideshow.php'); ?>

    Al tener todo esto se supone que el slider deberia a ver funciona pero ai un problema con el codigo del slideshow.php (primer mensaje)
    La cuestion es el si yo pongo el html del demo del slider (sin el php de wordpress) el slider funciona perfectamente pero cuando yo intento integrarlo a wordpress con su php para llamar las entradas este deja de funcionar.

    Puedes poner el código del archivo index.php aquí?

    De todas formas ya te adelanto que no estas haciendo las cosas de la manera correcta. WordPress ya incluye jQuery. Solo tendrías que incluir el script del slider. Mira, te pongo un ejemplo de como se haria para incluir el Flexslider.

    En el archivo functions.php de tu theme:

    function mitema_scripts_and_styles() {
    
    	wp_enqueue_style( 'mitema-flexslider', get_stylesheet_directory_uri() . '/css/flexslider.css' );
    	wp_enqueue_script( 'mitema-flexslider', get_stylesheet_directory_uri() . '/js/jquery.flexslider-min.js', array( 'jquery' ), '', true );
    
    }
    
    add_action( 'wp_enqueue_scripts', 'mitema_scripts_and_styles' );

    Y luego poner el script que inicializa el slider en el footer de tu tema, al final de todo.

    Todo esto para salir del paso y que puedas hacerlo funcionar. Pero en realidad tienes muchos fallos de concepto, de como funciona WordPress. Yo te aconsejaría ver algún buen tutorial de como hacer themes y que pruebes. Y que procures siempre atenerte a las buenas prácticas que recomiendan desde WordPress.

    Es que vi un tutorial como hacer un theme wordpress desde cero es algo viejo el tutorial pero cuando el insertaba un slider lo hacia de esa manera (otro slider uso) yo quiero integrar este porque es lo que busco…

    Y si recien estoy aprendiendo wordpress ya se, que no se mucho y tampoco tengo conocimiento php pero de los intentos y romper la cabeza contra el teclado se aprende jaja.
    Empeze hace 2 semanas metiendome con wordpress.

    PD: si conoces otro tutorial de wordpress pero que este mas actualizado a la 4.0 me dejas el link.

Viendo 5 respuestas - 1 de 5 (de 5 total)
  • El debate ‘Duda con slider externos’ está cerrado a nuevas respuestas.