Para aquellos que siempre están pensando en agregar cosas nuevas a sus diseños de wordpress, acabo de ver este agradable tip para generar paginación con nuestros articulos recientes.
Ver demo en raproject – Pagina del Artículo weblogtoolscollection
- <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>
Y agregando un poco de 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;
- }
Con todo ese codigo nos quedaria un diseño similar a la imagen que puse arriba del Post.
Leave A Comment
You must be logged in to post a comment.