Son muchos los blogs que en su portada, o página principal, muestran pequeñas notas, anotaciones, entradas, enlaces, o como quieras llamarlo, que tienen la particularidad de que son pequeñas. Se llaman “Miniposts”, o “Asides”.

Ahora te enseñaremos cómo poder implementarlos en tu propio blog. Vamos a editar el fichero “index.php”, el cual se encarga de mostrar nuestra página principal.

Las instrucciones después del salto.

El bucle de WordPress

El primer paso, es fijarnos y centrarnos primeramente en el bucle de WordPress. En la mayoría de las plantillas, el inicio es así:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>


Lo que haremos es comentarla. Quedará así:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>


Debajo de esa línea, pondremos lo siguiente:

<?php if ($posts) { function stupid_hack($str) { return preg_replace('|</ul>\s*</ul class="asides">|', '', $str); } ob_start('stupid_hack'); foreach($posts as $post) { the_post(); ?>

<?php if ( in_category(273) && !is_single() ) : ?> <ul class="asides"> <li id="p<?php the_ID(); ?>"><?php echo wptexturize($post->post_content); ?> <?php comments_popup_link('[0]', '[1]', '[%]')?> <?php edit_post_link('[e]'); ?></li> </ul> <?php else: ?>

Fijémonos en el parámetro in_category: el 273 debemos cambiarlo por el ID de la categoría que elegiremos para guardar los asides. También, asignamos una etiqueta de salto para que no se descuadre del theme que tengas instalado.

Agregando estilo

Ahora, añadiremos la siguiente información al style.css de la plantilla:


.asides {
width: 480px;
margin-left: 20px;
padding: 10px;
background: #fff;
border:1px solid #ededed;
}


Por supuesto, puedes personalizar el content para que se ajuste a tu theme.

Actualización: 21/12/08 Ajustado para que funcione mejor.