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>
<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;
}
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;
}
Loading ...
ed
21-04-2008
Permalink
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.