Paginar artículos recientes en Wordpress
Para aquellos que siempre están pensando en agregar cositas nuevas a sus themes wordpress, acabo de ver este agradable tip para generar paginación con nuestros articulos recientes.
Ver demo en raproject - Mas info weblogtoolscollection
Uso:
Agregamos a nuestro sidebar el siguiente codigo
JavaScript:
-
<div id="recientespag">
-
<h3>Articulos Recientes</h3>
-
<ul>
-
<?php
-
$temp = $wp_query;
-
$wp_query= null;
-
$wp_query = new WP_Query();
-
$wp_query->query('showposts=5'.'&paged='.$paged);
-
?>
-
<?php while ($wp_query->have_posts()) : $wp_query->the_post(); ?>
-
<li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>
-
<?php endwhile; ?>
-
</ul>
-
<div class="navigation">
-
<div class="alignleft"><?php previous_posts_link('« Otros') ?></div>
-
<div class="alignright"><?php next_posts_link('Leer Mas »') ?></div>
-
</div>
-
<?php $wp_query = null; $wp_query = $temp;?>
-
</div>
un poco de estilo (Básicamente el estilo que muestro en la foto del post)
CSS:
-
#recientespag {
-
width:300px;
-
background: #1B1B19;
-
border: 1px solid #2A2A2A;
-
float:right;
-
padding:13px 15px 8px 15px;
-
}
-
#recientespag h3 {
-
font-family: Georgia, "Times New Roman", Times, serif;
-
font-size: 2.2em;
-
color: #C7C54F;
-
}
-
-
#recientespag ul {
-
margin-top:-5px;
-
}
-
-
#recientespag li {
-
border-bottom:1px solid #2A2A2A;
-
list-style:none;
-
padding:7px 0 7px 0px;
-
}
-
-
#recientespag a, #recent a:visited {
-
color:#999831;
-
font-size:0.9em;
-
font-family: Verdana, Arial, Helvetica, sans-serif;
-
}
ed said,
Wrote on April 21, 2008 @ 14:53
Hola.
Muy buen tip, lo note algo lento eso si. Por cierto en esa misma pagina vi algo como un silder que contenia 3 post a todo el ancho del blog al parecer. Eso se hace con Jquery?
Saludos.