Ayuda para editar código de YARP

Inicio Foros WordPress Plugins Ayuda para editar código de YARP

Este debate contiene 2 respuestas, tiene 1 mensaje y lo actualizó  Camelot hace 8 años, 8 meses.

  • Autor
    Publicaciones
  • #13133

    Camelot
    Participante

    <p>Hola<br />
    Hace días vengo luchando para conseguir que Yeat Another Related Post muestre imágenes (thumbnails) al lado del listado que entradas que ofrece.</p>
    <p>Urgando por aquí y allá he logrado casi todo lo que quería vinculando el plugin con la función incorporada en el theme para conseguir esto:</p>
    <p>118lqog.jpg</p>
    <p>Está al 90% :D pero me faltan esos dos detalles.</p>
    <p>Por si acaso el código del template de YARP que estoy usando es éste:<br />

    Code:
    &lt;?php /*<br />
    Example template<br />
    Author: mitcho (Michael Yoshitaka Erlewine)<br />
    */ </p>
    <p>?&gt;&lt;div&gt;&lt;h3&gt;<strong>Entradas relacionadas</strong>&lt;/h3&gt;</p>
    <ul>
    &lt;?php if ($related_query-&gt;have_posts()):?&gt;<br />
    &lt;?php while ($related_query-&gt;have_posts()) : $related_query-&gt;the_post(); ?&gt;<br />
    &lt;div class=&quot;rp-thumb&quot;&gt;&lt;?php woo_get_image(‘image’,’rp-thumb’); ?&gt; &lt;/div&gt;<br />
    &lt;span class=&quot;title&quot;&gt;<a title="&quot;Enlace">&quot; href=&quot;&lt;?php the_permalink() ?&gt;&quot; rel=&quot;bookmark&quot;&gt;&lt;?php the_title(); ?&gt;</a><br />
    &lt;small&gt;&lt;?php the_excerpt(‘[…]’); ?&gt;&lt;/small&gt;<br />
    &lt;/span&gt;</p>
    <p> &lt;!– (&lt;?php the_score(); ?&gt;)–&gt;<br />
    <br />
    &lt;?php endwhile; ?&gt;</p>
    </ul>
    <p> &lt;/div&gt;<br />
    &lt;?php else: ?&gt;<br />
    &lt;h4&gt;&lt;i&gt;No hay entradas relacionadas.&lt;/i&gt;&lt;/h4&gt;<br />
    &lt;?php endif; ?&gt;

    </p>
    <p>La &quot;div class&quot; no aparece en el código original. Las modificaciones apuntan a lograr que la imagen generada por &quot;woo_get_image&quot; se alinea de manera que el texto aparezca a su costado derecho. La class &quot;wp-thumb&quot; la he añadido al style del tema modificando la alineación, el padding y el borde.</p>
    <p>El problema es que la imagen generada tiene un borde decorado propio del tema en todas las miniaturas, por ejemplo en el home:</p>
    <p>s4nvja.jpg</p>
    <p>Allí se ve bien y quisiera conservarlo así, pero lo malo es que no sé como quitarselo a la miniatura que se genera en YARP… intenté añadirle a la clase &quot;wp-thumb&quot; un padding negativo para que contrarreste el padding y así se anulen pero no funcionó.</p>
    <p>La otra cuestión es el espacio entre el título de la entrada y el resumen (excerpt), aunque es un detalle menor si tienen alguna idea me gustaría escucharla.</p>
    <p>No sé si es un problema complicado, pero para mí lo es, y por supuesto algunos se reirán de mis intentos, pero creo que estoy cerca de lograrlo y me gustaría una manito.
    </p>

  • #28976

    Camelot
    Participante

    Camelot dijo:
    Hola
    Hace días vengo luchando para conseguir que Yeat Another Related Post muestre imágenes (thumbnails) al lado del listado que entradas que ofrece.

    Urgando por aquí y allá he logrado casi todo lo que quería vinculando el plugin con la función incorporada en el theme para conseguir esto:

    [IMG]http://i39.tinypic.com/118lqog.jpg[/IMG]

    Está al 90% 😀 pero me faltan esos dos detalles.

    Por si acaso el código del template de YARP que estoy usando es éste:
    [code] <?php /*
    Example template
    Author: mitcho (Michael Yoshitaka Erlewine)
    */

    ?><div><h3>Entradas relacionadas</h3>

      <?php if ($related_query->have_posts()):?>
      <?php while ($related_query->have_posts()) : $related_query->the_post(); ?>
      <div class="rp-thumb"><?php woo_get_image(‘image’,’rp-thumb’); ?> </div>
      <span class="title">" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?>
      <small><?php the_excerpt(‘[…]’); ?></small>
      </span>

      <!– (<?php the_score(); ?>)–>

      <?php endwhile; ?>

    </div>
    <?php else: ?>
    <h4><i>No hay entradas relacionadas.</i></h4>
    <?php endif; ?>[/code]

    La "div class" no aparece en el código original. Las modificaciones apuntan a lograr que la imagen generada por "woo_get_image" se alinea de manera que el texto aparezca a su costado derecho. La class "wp-thumb" la he añadido al style del tema modificando la alineación, el padding y el borde.

    El problema es que la imagen generada tiene un borde decorado propio del tema para todas las miniaturas, por ejemplo en el home:

    [IMG]http://i43.tinypic.com/s4nvja.jpg[/IMG]

    Allí se ve bien y quisiera conservarlo así, pero lo malo es que también se lo añade a las miniaturas que se generan para las entradas relacionadas y allí se ve muy grueso. En "wp-thumb" le puse otro borde, padding y background pero no reemplaza, antes los superpone simplemente. En pocas palabras no sé como quitarle el primer decorado de la imagen para que sólo se visualice el que yo quiero en las miniaturas que se genera en YARP… intenté añadirle a la clase "wp-thumb" un padding negativo para que se anulen mutuamente, pero no funcionó.

    La segunda cuestión es el espacio entre el título de la entrada y el resumen (excerpt), aunque es un detalle menor si tienen alguna idea me gustaría escucharla.

    No sé si es un problema complicado, pero para mí lo es, y por supuesto algunos se reirán de mis intentos, pero creo que estoy cerca de lograrlo y me gustaría una manito.

  • #35536

    Camelot
    Participante

    Bueno, finalmente lo he conseguido, ha sido un largo camino que incluyen meses de echarlo al abandono. Incluso he tenido que partir desde la nueva versión de YARP, la 3.1.2.

    En el interín empecé a usar el plugin Simple Post Thumbnail, me aficioné a él y llegué a entender como funcionaba. Entonces, gracias a que YARP ofrece unos templates editables pude integrar ambos plugins para conseguir lo que quería:

    [img]http://i50.tinypic.com/6e40gx.jpg[/img]

    Así quedó el template-example de YARP, si algo debo criticarme es la abundancia de div styles, no encontré una manera más rápida de darle la apariencia que quería.

    La parte de p75GetThumbnail corresponde a Simple Post Thumbnail. El tamaño de los thumbnails hay que ponerlos a mano como podrán notar. Las imágenes se suben desde la página de edición de cada entrada, incluso desde URL externas. Posiblemente me podría haber evitado el uso de este plugin usando las nuevas características de creación de Thumbnails que trae integradas WP 2.9 (como sugiere el propio autor del plugin). También podría haber intentado con YAPB (Photoblog, que recomienda el creador de YARP) pero no quería más plugins instalados y Simple Post Thumbnails ya lo venía usando para otros fines.

    Como sea, aquí el código del template modificado de YARP.

    Otra característica que requiere mi creación es que los excerpts sean breves, escritos por uno mismo, es algo inconveniente pero no supe como personalizar la cantidad de palabras/caracteres en el propio código. En todo caso para ayudarme usé otro plugin que vengo usando y es Excerpt Editor que permite desde una sola ventana cambiar los excerpt de todos las entradas de manera cómodo y rápida.

    Sé que para los expertos mi experiencia debe ser muy burda, pero dentro de mis limitaciones me alegro de haberlo conseguido.

    Saludos.

El foro ‘Plugins’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest