Tutorial para crear asides o mininoticias en blogs

En La Mate por un Yogur ponen un buen tutorial acerca de como crear asides en nuestro weblog. Inicialmente explicado a través de Matt, desarrollador principal de WordPress, se trata de crear un sistema de miniblogging que puede ser parte del blog principal o mostrar pequeños avances o noticias cortas.

Como primer paso necesitaremos una categoría que será donde se encontrarán todas aquellas entradas que mostraremos de manera resumida en nuestro index. Para el tutorial se toma la categoría miniblog cuya ID es 25.

Editamos el archivo index.php de nuestra plantilla en uso para WordPress. Localizaremos el bucle, while (have_posts()) : the_post();, encargado de mostrar nuestras noticias y añadiremos el siguiente código dentro de él.

< ?php if (in_category(25) && !is_single()) { ? >
< ul class="asides" >
< li id="p» >
< ?php echo wptexturize($post->post_content); ? >
< ?php comments_popup_link('(0)', '(1)', '(%)'); ? >
< ?php edit_post_link('(e)'); ? >
< /li>< /ul >

También podremos incluir un pequeño enlace a la entrada de forma permanente, con forma de almohadilla por ejemplo. Bastaría con la siguiente linea de código:

< a href="< ? php the_permalink() ? >» rel=»bookmark» title=»Permanent Link to < ?php the_title(); ? > » >#< /a >

Una vez hecho esto, añadiremos el código para una nueva función llamada stupid_hack, podemos hacerlo en cualquier sitio del documento. Esta función consta de una expresión regular que busca una etiqueta

(cierre de lista sin ordenación por números) que puede estar seguida de un espacio en blanco, una tabulación, una nueva linea o un retorno (todo esto se consigue gracias a la expresión \s*) y que tras todo esto tiene un inicio de lista con la clase asides.

Es decir, si publicamos dos o más entradas con la categoría asides de forma consecutiva, las dos listas < ul > que se deberían crear serán sustituidas por una única lista con tanto elementos < li > como entradas haya.

function stupid_hack($str) {
return preg_replace(‘|< /ul >\s*

    |’, », $str);
    }
    ob_start(‘stupid_hack’);

Para finalizar buscamos el cierre del bucle, endwhile;, y lo sustituimos por } endwhile;. El objetivo de este cambio es tan sólo cerrar el else que abrimos anteriormente.

Podremos personalizar el estilo de nuestro miniblog añadiendo una clase .asides a nuestra hoja de estilo CSS dentro del directorio del theme y aplicando los cambios pertinentes. Por ejemplo: menor tamaño, cambio de tipografía, fondo con un color que vaya con el de la plantilla…

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
https://ideasgeek.net/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.