Los chicos de Blog Oh Blog! de nuevo nos sorprenden con sus impresionantes artículos. Esta vez, nos dan 10 hacks o tips para implementar en nuestro blog de WordPress.org, para aprovechar al máximo sus funciones totales. Aquí te entregamos 4 de ellos, totalmente al español.

Crear un “Sticky Post”

Un Sticky Post, es, un artículo que se mostrará de los primeros, independiente de los demás posts. Como ya debes saber, WordPress 2.7 incluirá esa función, pero si quieres probarla ahora mismo, es muy fácil. Comenzaremos editando el index.php de nuestra plantilla, buscando el siguiente código:

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

Ese es un bucle, que controla la cantidad de posts que se muestran en la página principal del blog, entre otras cosas. Lo que haremos es reemplazarla por lo siguiente:

<?php if (have_posts()) : ?>
<?php $my_query1 = new WP_Query('category_name=stickies&showposts=1'); ?>
<?php while ($my_query1->have_posts()) : $my_query1->the_post(); ?>

Ahora, tenemos trabajo adicional. Fijémonos en este atributo: category_name=stickies. Crearemos una categoría llamada “stickies”. Ahora, lo que resta es escribir un artículo, archivarlo en esa categoría, y ya está listo.

Mostrar categoría en 2 columnas

Si tienes muchas categorías en tu blog, puedes elegir a mostrarlas en dos columnas. Para ello, lo que haremos es editar el sidebar.php de nuestra plantilla, buscando el siguiente código:

<?php wp_list_categories(); ?>

Y lo reemplazaremos por lo siguiente:

<?php
$cats = explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none'));
$cat_n = count($cats) - 1;
for ($i=0;$i<$cat_n;$i++):
if ($i<$cat_n/2):
$cat_left = $cat_left.'<li>'.$cats[$i].'</li>';
elseif ($i>=$cat_n/2):
$cat_right = $cat_right.'<li>'.$cats[$i].'</li>';
endif;
endfor;
?>
<ul class="left">
<?php echo $cat_left;?>
</ul>
<ul class="right">
<?php echo $cat_right;?>
</ul>

Y luego añadiremos lo siguiente al style.css de tu plantilla:


.right {float:left; width:140px;}
.left {float:left; width:140px;}


Lista de autores del blog

Si tienes un blog con varios autores, que mejor que darlos a conocer. Para ello, editaremos el archivo sidebar.php, agregando el siguiente código en el lugar de tu elección:

<ul>
<?php wp_list_authors('exclude_admin=0&optioncount=1&show_fullname=1&hide_empty=1'); ?>
</ul>

Lo interesante es que esa línea PHP tiene varios parámetros, como los siguientes:

exclude_admin: 0 para incluir el administrador en la lista | 1 para incluirlo.
optioncount: 0 para no mostrar el número de artículos escritor | 1 para mostrarlo.
show_fullname: 0 para mostrar sólo el primer nombre | 1 para mostrarlo todo.
hide_empty: 0 para no mostrar post del autor | 1 para mostrarlos.

Redes sociales en tus posts

Para compartir a los cuatro vientos tus artículos, podemos mostrar marcadores de barras sociales. Para ello, descargaremos este archivo. Una vez descomprimido, subimos las imágenes al directorio Imágenes de la carpeta de tu theme. Ahora, editamos el fichero single.php, agregamos el siguiente código, el lugar es a elección:

<div class="compartir">
<a class="btn_email" href="mailto:?subject=<?php the_title(); ?>&amp;body=<?php the_permalink() ?>">Enviar por E-mail</a>
<a class="btn_comment" href="#respond">Comenta</a>
<a href="http://del.icio.us/post?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>" title="Enviar a Del.icio.us" target="_blank" class="btn_delicious">Delricious</a>
<a href="http://www.digg.com/submit?phase=2&amp;url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>" title="Enviar a Digg" target="_blank" class="btn_digg">Digg</a>
<a href="http://reddit.com/submit?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>" title="Enviar a Reddit" target="_blank" class="btn_reddit">Reddit</a>
<a href="http://technorati.com/faves?add=<?php the_permalink() ?>" title="Enviar a Technorati" target="_blank" class="btn_technorati">Technorati</a>
<a href="http://furl.net/storeIt.jsp?t=<?php the_title() ?>&amp;u=<?php the_permalink() ?>" title="Enviar a Furl" target="_blank" class="btn_furl">Furl</a>
</div>

Ahora agregamos lo siguiente al fichero style.css de tu plantilla:


.compartir {font-size:10px; font-weight:bold; margin-bottom:10px; background-color:#FFFFFF; border:1px solid #BBB9B2; padding:5px 5px 5px 10px; width:540px;}
.compartir a {margin-right:10px; color:#BFBCB3;}
.btn_email {background:url(images/mail.gif) left no-repeat; padding-left:15px;}
.btn_comment {background:url(images/comments.gif) left no-repeat; padding-left:15px;}
.btn_delicious {background:url(images/delicious.gif) left no-repeat; padding-left:15px;}
.btn_digg {background:url(images/digg.gif) left no-repeat; padding-left:15px;}
.btn_reddit {background:url(images/reddit.gif) left no-repeat; padding-left:15px;}
.btn_technorati {background:url(images/technorati.gif) left no-repeat; padding-left:15px;}
.btn_furl {background:url(images/furl.gif) left no-repeat; padding-left:15px;}