thumwordpress.jpg

Si deseáramos aumentar un poco más la navegación en nuestro blog, una de las maneras más prácticas es la implementación de “post relacionados a nuestros artículos más nuevos”, que básicamente son artículos en los cuales escribimos sobre temas similares. Existen diversas manearas para promocionar nuestros post más antiguos, pero quizás los que en estos días están más de moda, son aquellos en los cuales se incorporan pequeñas miniaturas, que logran llamar más la atención. YARPP Plugin, es un plugin wordpress que les permitirá lograr eso que ven en varios blog populares.

Instalación:

Primero que nada, para comenzar deberemos crear una “Plantilla de Archivos de Post relacionados” para una variedad de opciones de visualización. Deben comenzar por crear un nuevo archivo llamado "yarpp-template-thumbnails.php" en la raíz de la carpeta de su Theme. Este archivo contendrá la estructura de nuestros Post relacionados.

PLAIN TEXT
JavaScript:
<h4 class="meta">Related Posts</h4>

<?php if ($related_query->have_posts()) :? >

    <ol class="related-posts">
        <?php while ($related_query->have_posts()) : $related_query->the_post(); ?>

            <?php
                //Set Default Thumbnail Image URL's
                $related_thumbnail = get_post_meta($post->ID, "thumbnail_url", $single = true);
                $default_thumbnail = 'default-image.jpg';
            ?>

            <li>
                <a href="<?php the_permalink() ?>" rel="bookmark">
                <?php if ($related_thumbnail != "") : ?>
                    <img src="<?php echo $related_thumbnail; ?>" alt="<?php the_title(); ?>" />
                <?php else : ?>
                    <img src="<?php echo $default_thumbnail; ?>" alt="<?php the_title(); ?>" />
                <?php endif; ?>

                <?php the_title(); ?></a>
            </li>

        <?php endwhile; ?>
    </ol>

<?php else: ?>

    <p>No related posts found</p>

<?php endif; ?>

Instalación Parte 2:

    Continuamos instalando el plugin de la forma tradicional.

  • Descargamos el plugin YARPP Plugin, y alojamos el archivo “yet-another-related-posts-plugin.php” dentro de la carpeta de nuestros plugin (wp-content/plugins/)
  • Adicionalmente, ya deberíamos haber alojado en la carpeta de nuestro theme activo, archivo que creamos arriba ”yarpp-template-thumbnails.php”
  • Activamos el plugin desde nuestro administrador de plugin y listo. Si figura un mensaje diciendo que usted debe construir su caché, deben hacerlo. De lo contrario, puede q no se vean algunos post.

Añadir visualización de post relacionados

Añadiremos el siguiente código, bajo nuestros post individuales. Este código verá si nuestro plugin está activo, de ser así, mostrara los post relacionados.

PLAIN TEXT
JavaScript:
<?php if (function_exists('related_posts')){ ?>
      <?php related_posts();?>
<?php }?>

Añadir Estilo con CSS

PLAIN TEXT
CSS:
/* Related Posts */
ol.related-posts {clear:both; text-align:center; margin:10px 0px 0px 0px; padding:0;}
ol.related-posts li{width:120px; float:left; display:inline; margin-right:15px;; padding:0;}
    ol.related-posts img{clear:both; padding:5px; background:#F7F7F7; border:1px solid #DDD;}
    ol.related-posts a{clear:both; display:block; border:none; text-decoration:none;}
    ol.related-posts li{font-size:12px;}

Mas info Sobre Instalacion y Soporte en YARPP Plugin.