Soporte » Diseño – Temas y plantillas » agregar extracto a Slideshow

  • Resuelto Cristobal

    (@cristobal-paez)


    Buenas, quiero agragar un extracto o descripcion debajo del titulo sobre las foto del slideshow. Identifique algunas lineas de codigos, la de la fecha que esta justo donde quiero que vaya el extracto. Y tambien identifique la linea de codigos del extracto de los Articulos Recientes. Pero nose como hacer para que una llame a la otra…en fin, lograr lo que les comento al principio.

Viendo 15 respuestas - de la 1 a la 15 (de un total de 16)
  • Hola, Cristobal. ¿Podrías compartir un link a tu sitio así te puedo ayudar mejor?
    Gracias.

    Cristobal

    (@cristobal-paez)

    Hola Marventus! http://www.verbo10.com
    mas o menos quisiera dejar el Slideshow asi: http://www.cuevana.tv/

    En mi web, abajo del Slideshow hay tres «articulos recientes» con su extracto correspondiente. Pero cuando decides poner ese articulo en el Slideshow…el extracto no aparece. ESPERO HABERME EXPLICADO. GRACIAS!!!!!

    Hola. Para mostrar el extracto de los posts en el slider, seguí los siguientes pasos:

    1. PHP:
    Abrí el archivo featured-content.php, buscá este código:

    <h2 class="post-title entry-title">
    <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
    </h2>
    
    <?php echo apply_atomic_shortcode( 'byline', '<div class="byline">' . __( '[entry-published]', 'oxygen' ) . '</div>' ); ?>

    e insertá la siguiente línea:

    <p class="entry-desc"><?php echo get_the_excerpt(); ?></p>

    entre

    </h2>

    y

    <?php echo apply_atomic_shortcode( 'byline', '<div class="byline">' . __( '[entry-published]', 'oxygen' ) . '</div>' ); ?>

    Te tendría que quedar así:

    <h2 class="post-title entry-title">
    <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
    </h2>
    <p class="entry-desc"><?php echo get_the_excerpt(); ?></p>
    <?php echo apply_atomic_shortcode( 'byline', '<div class="byline">' . __( '[entry-published]', 'oxygen' ) . '</div>' ); ?>

    2. CSS:
    Abrí el archivo style.css y hacéle los siguientes cambios:
    a. Reemplazá esto:

    .featured-post h2.entry-title a {
    	position: absolute;
    	bottom: 110px;
    	right: 0;
    	color: #111;
    	background: #fff;
    	padding: .4em 30px .4em 1.5em;
    	font-size: 1em;
    	text-transform: uppercase;
    }

    por esto:

    .featured-post h2.entry-title a, .featured-post .entry-desc {
    	position: absolute;
    	right: 0;
    	background: #fff;
    	padding: .4em 30px .4em 1.5em;
    }
    .featured-post .entry-desc {
    	bottom: 53px;
    	color: #666;
    	font-family: Abel, sans-serif;
    	font-size: 1.5em;
    }
    .featured-post h2.entry-title a {
    	bottom: 120px;
    	color: #111;
    	font-size: 1em;
    	text-transform: uppercase;
    }

    b. Reemplazá esto:

    .featured-post .byline {
    	position: absolute;
    	bottom: 82px;
    	right: 0;
    	color: #999;
    	background: #fff;
    	padding: .4em 30px .4em 1.3em;
    	font-size: 0.9166666666666667em;
    }

    por esto:

    .featured-post .byline {
    	position: absolute;
    	bottom: 55px;
    	right: 0;
    	color: #999;
    	background: #fff;
    	padding: .4em 30px .4em 1.3em;
    	font-size: 0.9166666666666667em;
    }

    c. Reemplazá esto:

    .featured-post:hover h2.entry-title a, .featured-post:hover .byline {

    por esto:

    .featured-post:hover h2.entry-title a, .featured-post:hover .byline, .featured-post:hover .entry-desc {

    d. y, por último, reemplazá esto:

    a, a img, .featured-post .byline{

    por esto:

    a, a img, .featured-post .byline, .featured-post .entry-desc {

    Después podés hacerle más cambios a la hoja de estilos CSS para que quede como más te gusta.
    Suerte. Saludos.

    Ah, la hoja de estilos CSS tiene un error hacia el final en la versión 0.36 del tema. Fijate que las últimas dos líneas dicen:

    textarea { width: 96%; }
    }

    y en realidad el segundo } está de más. Debería decir:

    textarea { width: 96%; }

    Cristobal

    (@cristobal-paez)

    hola Marventus!!!. Mañana a primera hora me pongo a ello y te digo algo.(llego mi suegro y tengo que cumplir con el protocolo)
    Pinta bien, a ver si me escapo lo pruebo en la madrugada. MUCHAS GRACIAS!!!

    Cristobal

    (@cristobal-paez)

    ppfff….que crack!! gracias!!!. NO me pude aguantar y lo probe! FUNCIONA! ahora solo tengo que darle el toque estetico en la CSS y listo! MUUUUCHAS GRACIAS!!!!! MUUUUUUCHHHHAS GRACIAS Y QUE VIVA INTERNET, LOS FOROS Y LOS FOREROS!!!

    De nada, Cristobal. Tenía mis dudas respecto de si había funcionado o no ya que en tu sitio no aparecían los cambios, pero me alegro de que haya funcionado.
    ¡Y que vivan! 😉
    Saludos.

    Cristobal

    (@cristobal-paez)

    Buen dia Marventus! aun no se ven los cambios en mi web porque primero pruebo todo en la version que tengo instalada en un LocalHost. Asi puedo retocar la CSS con calma y subo todo con la publicacion de la revista el primero de cada mez. GRACIAS OTRA VEZ!!!

    Muy bien pensado. ¡De nada!

    Cristobal

    (@cristobal-paez)

    AYUDA!!!!!!!! se me cayo la web y no puedo hacer estos cambios en la nueva version!

    Hola, Cristobal. Necesitaría que me des un poco más de información sobre qué es exactamente lo que te está pasando o cuál es el problema que experimentas en tu sitio.
    ¿Te han jaqueado el sitio y no puedes acceder al panel de administración? ¿No tienes más acceso FTP? Etc.
    Gracias.

    Cristobal

    (@cristobal-paez)

    HOla Marventus!!!:..pues mira, actualize mi tema Oxygen y perdi todos los cambios. Resulta que esta nueva version no deja hacer cambios en la CSS. Intente con algunos plugins pero tuve pesimos resultados. Al parecer necesito crear un Child Theme para poder modificar la CSS pero no pude crearlo.
    Lo que estoy haciendo ahora es re-instalando la version vieja y haciendo TODOS los cambios a mano de nuevo. Dos preguntas:
    1-un child theme me dejaria modificar mi tema?
    2-Sabes como crearlo?…las explicaciones que encontre son vagas e inexactas.
    Estoy intentandolo todo en mi Local HOst…todo se jodio hace 4 horas.

    muchismas gracias desde ya Marventus…otra vez!

    Cristobal

    (@cristobal-paez)

    ppff…la puse en marcha de nuevo pero con la version antigua.
    http://www.verbo10.com

    Hola, Cristobal.
    Antes que nada, mil disculpas por la demora: me fue imposible conectarme antes.
    Para crear un subtema (child theme), podés seguir este mini tutorial que escribí para otro hilo de este foro aquí. También puedes leer el artículo del Codex al respecto titulado Child_Themes.
    De esa forma, podrás hacer cambios a tu tema principal a través del subtema sin sobrescribir los archivos originales y sin perder tus cambios cuando realices actualizaciones.

    Cristobal

    (@cristobal-paez)

    Buen dia Marvertus! Mañana mismo me pongo a ello! Gracias por estar alli!. Cuando se cayo todo pase unos malos momentos.
    Me atrevo a hacerte unas preguntas más, abri un hilo en este foro pero no tengo respuesta. Podrias echarle un ojo quizas puedas orientarme, que debo leer o si es posible. Saludos y que tenga sun buen domingo!

    VIVA LOS FOROS!!!

    este es el link: http://es.forums.wordpress.org/topic/efecto-ken-burns-en-slide-show?replies=2

Viendo 15 respuestas - de la 1 a la 15 (de un total de 16)
  • El debate ‘agregar extracto a Slideshow’ está cerrado a nuevas respuestas.