Seraphinux
“Lloramos por el lamento de un pájaro pero no por la sangre de un pez, benditos aquellos que tienen voz”
March 31st, 2008
Visitada: 134 veces, 5 en este dia.

Asides y Entradas Personalizadas en Wordpress, ¿Como?

Antes de empezar, ¿que son las Asides? una definicion rigurosa las define como una tecnica literaria en la que un actor habla ante la audiencia, y no es escuchado por los demás personajes. Es similar a un monólogo y soliloquio. Pero la definicion que mas nos interesa es en el ambito de los blogs en donde se definen como entradas de pequeño tamaño, que permiten expresar ideas o temas con una extencion es muy corta, podriamos decir no mas de un parrafo. A estas Asides es posible darles un formato diferente al de las demas entradas (que tienen una mayor extension). Tambien se les define como anotacione breves, generalmente con enlaces interesantes, que intercalamos entre los posts normales.

Un ejemplo de Asides lo encontramos en este blog en la categoria Actualizaciones; las entradas en esta categoria son muy cortas (no mas de un parrafo), ademas de que su formato es diferente y tienen una imagen caracteristica.

Los siguientes son otros ejemplos de Asides:

El proceso para poder implementar estas Asides dentro de un blog (Wodpress) no es un proceso muy dificil y toma alrededor de unos cuantos minutos. Antes que otra cosa respalda el tema que estas utilizando y que quieres modificar para agregar las Asides. ¡En serio respaldalo!. Una vez respaldado empecemos.

El proceso esta basado en el post publicado en el blog LaMateporunYogur, (el link esta al final) el unico detalle es que a mi no me funciono completamente bien, supongo que es algun detalle del tema (theme) de este blog o algun detalle de la version de Wordpress que se utilizo para la entrada original, asi que les pongo el proceso que yo segui y que me funciono (lo pueden ver en este blog :D)

Primero agregamos una nueva categoria a nuestro blog, puede llamarse Aside o cualquier otro nombre que quieras, en mi caso se llama Actualizaciones.

Una vez hecho esto obtenemos el identificador del termino (categoria), una forma de hacer esto es entrando a tu base de datos a la tabla terms, en mi caso su identificador es el numero 6.

A continuacion vamos a modificar el archivo index.php de nuestro theme, localiza la linea siguiente linea:

PLAIN TEXT
PHP:
  1. <?php while (have_posts()) : the_post(); ?>

El anterior es el inicio del ciclo while que imprime cada una de nuestras entradas, debajo de esta linea encontraremos una linea mas parecida a esta:

PLAIN TEXT
HTML:
  1. <div class="content">

Esta linea define el bloque que contendra cada una de las entradas, como quien dice cada una de las entradas del blog esta contenida dentro de un div de la clase "content". Este detalle es precisamente el que hace la diferencia entre el articulo al cual me estoy basando. Pega el siguiente codigo debajo de la linea anterior.

PLAIN TEXT
PHP:
  1. <?php if (in_category(6) && !is_single()) { ?>
  2. <ul class="actualizacion">
  3. <li class="actualizacion-li" id="p<?php the_ID(); ?>">
  4. <span class="comentarios">
  5. <?php comments_popup_link('0 Comentarios', '1 Comentario', '% Comentarios'); ?>
  6. </span>
  7. <?php echo wptexturize($post->post_content); ?>
  8. <br />
  9. <?php edit_post_link('Editar... '); ?>
  10. </li>
  11. </ul>
  12. </div>
  13. <?php } else { ?>

Puedes identificar un if que determina si el post actual pertenece a la categoria que tiene el identificador numero 6, si es asi entonces le da el formato indicado. Si no pertenece a esa categoria (else), entonces lo imprime con el formato por default. Ahora busca la siguiente linea dentro de tu archivo index.php (theme).

PLAIN TEXT
PHP:
  1. <?php endwhile; ?>

Y lo sustituyes por el siguiente.

PLAIN TEXT
PHP:
  1. <?php } endwhile; ?>

Lo anterior sirve para cerrar el ciclo while. Una vez hecho esto, dentro del mismo archivo agregas la siguiente funcion, puede ser al principio.

PLAIN TEXT
PHP:
  1. <?php
  2. function stupid_hack($str) {
  3. return preg_replace('|</ul>\s*<ul class="actualizacion">|', '', $str);
  4. }
  5. ob_start('stupid_hack');
  6. ?>

Esta funcion lo que hace es encontrar los elementos de la clase "actualizacion" y si estan de manera consecutiva (uno seguido de otro) los agrupa en uno solo. Salvamos los cambios y nos transladamos al archivo styles.css de tu theme, dentro de el creamos una reglas CSS para la clase "actualizacion" y definimos el formato que queremos que tenga (modo libre :D ), lo salvamos. COn los cambios realizados hasta este momento los asides deben de verse correctamente en la pagina principal de tu blog, pero si entras a tu archivo, o la categoria veras que no muestra el formato que tu le definiste. Para ello realiza los mismo pasos en los siguientes archivos:

  • archive.php
  • archives.php
  • single.php

Una vez que hayas modificado los anteriores archivos veras que las Asides se ven perfectamente bien en cualquier caso. Pero por que conformarce solo con Asides, si sigues los anteriores pasos pero para otra categoria, veras que puedes personalizar el formato de cada una de tus categorias. Asi de simple, hasta podrias hacer una categoria Twiter y que se muestre con un formato especifico en tu sidebar, tu imaginacion es el limite.
Espero les sea de utilidad, esto funciona perfectamente en la nueva version de Wordpress 2.5.

Link: LaMateporunYogur | Asides o miniblog en WordPress

Posts Relacionados
Categoria Wordpress |

Esta entrada fue publicada el Monday, March 31st, 2008 a las 7:34 am en la categoria Wordpress. Puedes seguir cualquier comentario en esta entrada con el siguiente feed RSS 2.0 . Puedes dejar un comentario, o enlazarnos desde tu propia pagina web.

Dejanos un comentario.