Poniendo Miniartículos En El Blog

por | 5 Junio, 2008

Hola, llevo un tiempo queriendo implementar los Miniartículos (( Asides )) en el blog, he mirado en muchos sitios pero ninguno me ha dado la solución porque todos ponen el código entero en el fichero index.php de la plantilla y se olvidan de darle un buen estilo en el style.css, con lo cual queda bastante malamente la cosa.
Os cuento cómo lo he hecho yo para que os sirva de guía. Lo primero es crearos una Categoría específica para especificarla cuando escribáis vuestros miniartículos, yo la he llamado Miniartículos. Ojo que deberéis apuntaros el identificador ID que corresponda a vuestra nueva categoría porque más adelante lo váis a necesitar.

En WP 2.5 para verlo esta un poco difícil, lo mejor es que pongáis el cursor del ratón justo encima del enlace de la nueva categoría, ahora sin mover el cursor desplazad vuestra mirada hacia la parte inferior izquierda de vuestro navegador y veréis el nombre del enlace de vuestra categoría, algo así:

  1. http://tobal.cymaho.com/wp-admin/categories.php?action=edit&cat_ID=58

Como es obvio el id es el número que viene al final del enlace, que pone ID=58, en mi caso es 58.

Seguidamente editaremos el fichero style.css de vuestra plantilla para crearos una clase específica para los asides. Para ello me he guiado de la clase que relaciona el contenido de un post en mi plantilla. Para mi caso la clase se llamaba .post-content (en la vuestra puede variar un poco el nombre de la clase). En dicha .post-content tengo el siguiente código:

  1. .post-content {
  2. margin: 0px;
  3. padding: 8px 0px;
  4. float: left;
  5. width: 510px;
  6. font-size: 11px;
  7. line-height: 19px;
  8. color: #333333;
  9. overflow: hidden;
  10. }

Bien, ese código es el que más o menos me ha servido de guía para mi clase .post-asides, que os pongo aquí (y que la podéis escribir justo después de la otra):

  1. .post-asides {
  2. margin: 0px;
  3. padding: 8px 0px;
  4. float: left;
  5. width: 510px;
  6. border: 1px solid #dedede;
  7. background: #EFEFEF;
  8. font-size: 11px;
  9. line-height: 19px;
  10. color: #333333;
  11. font-weight: bold;
  12. }

Como podéis ver son casi idénticas, sólo que en la de asides he añadido las características background (para tener un color de fondo) y border (para tener un borde delimitador) y le he especificado que la letra de los miniartículos sea en negrita. Las tres características juntas hacen que los miniartículos queden bien resaltados en el blog.
Una vez hecho esto en el style.css me he ido al fichero index.php de mi plantilla y lo he editado llamando a la clase post-asides escrita en css e implementándole el código necesario para que aparezca en el blog cuando la llame. Para ello buscamos en el fichero index.php el siguiente código:

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

Bien, pues inmediatamente después de esas dos líneas ponemos el siguiente código:

  1. <?php if (in_category(58) && !is_single()) { ?>
  2.     <div class="post-asides" id="p<?php the_ID(); ?>">
  3.     <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a>
  4.     <?php echo wptexturize($post->post_content); ?>
  5.     <?php comments_popup_link('(0)', '(1)', '(%)'); ?>
  6.     <?php edit_post_link('(Editar)'); ?>
  7.     </div>
  8.     <p></p>
  9.     <?php } else { ?>

Ahora buscamos el código endwhile y lo cambiamos por:

  1. <?php } endwhile; ?>

Y ya lo tenemos. Fijaros que en la línea:

  1. <div class="post-asides" id="p<?php the_ID(); ?>">

Lo que hacemos es llamar a la clase post-asides que hemos definido en el fichero style.css de nuestra plantilla para que nos ponga el estilo que previamente hemos definido. Esta línea en muchos tutoriales se divide en dos líneas con un ul div y un li, el cual hacía que mis miniartículos fuesen listas jerárquicas y se me desplazasen hacia la derecha del blog, quedando horrible. Eso ha sido hasta esta mañana que se me ha abierto la bombilla mental y lo he resuelto
Advertir que en la línea de código que pone:

  1. <?php if (in_category(58) && !is_single()) { ?>

Deberéis poner el número de ID 58 por el que os corresponda al crear la categoría específica para vuestros miniposts.
Y con eso ya tenemos implementados los miniartículos en nuestro blog.
Fuente-> La Maté Por Un Yogur

Saludos :-h

2 pensamientos en “Poniendo Miniartículos En El Blog

  1. Thursnext

    >:D< Magnífico tutorial, Gracias!

    Ya que me lo pones todo tan sencillo, ¿podrías decirme cómo añadir una imagen en el aside?

  2. Alejandro

    No me ha funcionado, pongo el código correctamente, pero por más que pruebo con una u otra categoría no me lo toma…

    ¿Puede que haya alguna excepción?

    Mi “endwile” es el siguiente: (sin el asterísco, obviamente) y por más que le agrego la } donde corresponde no me funciona!

    ¿Que se te ocurre?

Los comentarios están cerrados.