El enlace igualmente es un poco más compuesto, porque contiene un update de Twitter así que debe describir el enlace o imprimir el título, incluir la URL y realizar una invitación a la visita/lectura. El enlace de destino sería algo así:

http://twitter.com/home?status=Leo “<?php the_title() ?>” – <?php the_permalink(); ?>

Personalmente no me gusta manipular las opiniones de los que recomiendan mis artículos con cosas como “recomiendo bla bla” o bien “no te pierdas esto que es tan genial que bla bla”, así que me limito a un Leo “TITULO” – URL donde simplemente compartirá el enlace comentando algo que realmente hace: leer.

Agregamos un elemento descriptivo, que es the_title donde imprimirá el título del post correspondiente. Es muy útil para saber previamente de qué trata, y a su vez da la posibilidad de compartir semánticamente entre los interesados de forma automática.

Muchas veces esto no es suficiente, porque los enlaces son muy largos y si lo combinamos con el título la longitud del update excede por mucho los 140 caracteres. Para eso, escribí estas dos alternativas que podés utilizar para acortar automáticamente la URL antes de compartirla en Twitter:

• Enlace TinyURL automáticamente en WordPress
  
• Enlace Bit.ly automáticamente en WordPress

En mi caso utilizo este ejemplo con los enlaces Bit.ly automáticos porque me brindan mejores estadísticas pero quería dar la opción de que elijan por ustedes mismos.

La complejidad de esto fue variando. En el caso de Facebook, no requiere de mucha elaboración ya que basta con agregar un link que tenga como destino:

facebook.com/share.php?u=<?php the_permalink(); ?>

Esto se vale de la función the_permalink, que genera dinámicamente desde el loop la URL correspondiente al post que estamos viendo. Esto se utiliza también como href al linkear el título, lo pueden ver por defecto en la mayoría de los templates.

Inspeccionando un poco el botón que nos brinda Facebook, vemos que lo realmente interesante es facebook.com/share.php?u=URL , donde URL debería ser reemplazada por la URL real que queremos compartir. Si combinamos la acción de share.php que con la variable pasa un dato, resta especificar ese dato con the_permalink para completar el combo.

Si apoyan el puntero sobre el botón de compartir en Facebook, similar al que ilustra al post, pero que está junto con el de compartir en Twitter, pueden ver (y darle clic, si quieren probarlo y de paso difundir el tip) el enlace en funcionamiento que -en este caso- les permitirá compartir este post o bien el que se está viendo en el momento.

El resultado final para un enlace de texto sería…

<a href=”http://facebook.com/share?u=<?php the_permalink(); ?>”>
Compartir en Facebook
</a>

Y en caso de que queramos utilizar una imagen como botón, como en mi caso…

<a href=”http://facebook.com/share?u=<?php the_permalink(); ?>”>
<img src=”http://RUTA_DE_LA_IMAGEN_DEL_BOTON” border=”0″>
</a>

Parece sencillo pero no es la primera vez que me lo preguntan, así que se me ocurrió explicarlo casi sin sobre entender ningún aspecto. Espero que les haya servido!

Listarlo en dos columnas parece la solución más razonable, pero suele parecer dificil ya que se efectuan generalmente con una sola llamada que devuelve la lista completa:

<?php wp_list_categories(); ?>

Podríamos hacer dos columnas repitiendo la consulta en cada una, pero tendríamos dos columnas con el mismo contenido y -a priori- no existen en las explicaciones de WP una alternativa para recortar el conteo y continuar desde donde dejamos pero en la columna anterior.

Pero, como siempre, existe una solución haciendo un conteo fuera de los tags habituales. Lo encontré revisando una serie de 10 hacks a lo que le modifiqué algunos detalles y explico más en profundidad:

<?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;
?>

Lo que hacemos en el párrafo anterior es realizar mediante variables un conteo sumándole uno a cada categoría listada y agrupándolo de acuerdo a su condición con respecto a una constante que a su vez no es constante sirviendo solamente como parámetro.

Luego solamente nos queda utilizar las nuevas consultas que en lugar de ser lo que mencionamos en primer término (wp_list_categories) será la lista pero dividida en dos, o -en nuestro caso- en lados.

<ul class="left">
<?php echo $cat_left;?>
</ul>
<ul class="right">
<?php echo $cat_right;?>
</ul>

Asignan un listado <ul> con el class “left” y “right” (izquierda y derecha respectivamente) por lo que tendrán que agregar en su hoja de estilo estos class o modificar algunas propiedades en caso de que ya tengan esos nombres:

.right {
float:left;
width:50%;
}
.left {
float:left;
width:50%;
}

Me pareció más adecuado pasar el width a porcentajes porque va a ser universalmente útil, dividirá el ancho del contenedor en dos. Ustedes si quieren hacerlo aparte porque ya tienen esos class para otra cosa pueden cambiar class=”right” y class=”left” a otros nombres y utilizarlo en la hoja de estilos con el float y el width mencionado.

<?php
$esautor = false;
if($comment->comment_author_email == get_the_author_email()) {
$esautor = true;
}?>

Quedaría nada más especificar la llamada mediante la variable “esautor” que armé arriba cotejando el e-mail del comentario con el e-mail del autor. Mediante esa verificación después puedo hacer lo siguiente:

<li id="comment-<?php comment_ID() ?>" <?php if($esautor) { echo 'class="deautor"';} ?>>

Y finalmente como en el caso anterior en donde verificamos via user_ID faltaría agregar un class en la hoja de estilo que podemos manejar a nuestro antojo:

.deautor {
background-color: #000;
color: #FFF;
}

Esto tiene -a priori- una ventaja ya que si estamos logueados el sistema imprime como e-mail el que especificamos en nuestro perfil y si no estamos logueados tomará el e-mail que especifiquemos en el campo obligatorio de e-mail. De una u otra manera hay de donde verificar, cosa que no sucedía con user_ID cuando estabamos sin loguearnos en donde no había verificación de ID aunque si eramos nosotros.

La desventaja es que si usamos un e-mail público cualquiera podría ingresarlo y colorear su comentario, para que con nuestro nombre y web pueda hacerse pasar por nosotros. Esto es sencillamente solucionable poniendo cualquier e-mail (real o ficticio) en el perfil distinto al que todos saben que usamos, ya que -teniendo en cuenta que este sistema jamás imprime e-mail de los comentaristas- sería imposible que lo adivinaran.

Podemos realizar la verificación mediante nuestra ID, presumiblemente debería ser user_id == 1 pero ya lo aclaro después del código. Lo que hacemos en pocas palabras es verificar si hay usuario número X por lo que nos serviría también para restringirlo a cierto usuario aunque no fuere el primero.

<li class="<?php if ($comment->user_id == 1) $oddcomment = "deautor"; echo $oddcomment; ?>"

La verificación es clara, podemos cambiar el número uno el que corresponda al usuario (registrado, si no es imposible que tenga user_ID) que queremos destacar y listo. Si fuera un comentario del usuario que quisimos remarcar se aplicará el estilo “deautor” y deberíamos destacarlo en la hoja de estilo.

.deautor {
background-color: #000;
color: #FFF;
}

Eso -aunque extremo- nos dejaría todos los comentarios hechos por el usuario especificado (presumiblemente administrador) con un fondo negro y letras blancas. Naturalmente este estilo no lo recomiendo, ¡es un ejemplo! Pueden cambiar “deautor” por cualquier nómina que quieran pero deberían hacerlo en ambos casos.

¿Alguna vez probaron plugins para cambiar la interfaz de administración? Entonces seguramente les será familiar la barra lateral izquierda que cumple las funciones de navegación administrativa como tiene Fluency. Vean el nuevo aspecto (click para ampliar) del panel administrativo de WordPress 2.7:

¿Aumentarán las prestaciones del motor en cantidades considerables como para que lo notemos? Ellos prometen, esperemos que si. Mientras tanto ofrecen una nueva opción de trabajar con los plugins en general como veníamos haciendo con los plugins ya instalados en donde actualizabamos con un click.

Ahora también prometen que se podrán instalar one click: descarga, desempaqueta e installa desde la interfaz web. Interesante para los fanáticos de los plugins, pero ¡cuidado! que no debemos olvidar que los plugins generan procesos, y muchos procesos generan sobrecargas.

¿Cómo comenzar?

Primero, tenemos que identificar el lugar exacto donde queremos pegar el cuadrado de updates. En WordPress, todas las plantillas (wp-content/themes/nombredeltheme) tienen un archivo llamado sidebar.php que corresponde -generalmente- a la barra lateral. En mi caso lo agregué ahí pero pueden hacerlo en cualquier lado pegando el código.

El código

<div id="novedades">
<img src="http://sergiomelzner.com.ar/media/avatar.jpg" align="left">

Cargo el <div id=”novedades”> para después darle estilo al contenido, sobre todo para darle padding a la imagen y demás. Además incluyo la imagen y la alineo a la izquierda, pero de más está decir que esa imagen corresponde a mi caripela y ustedes deberían buscar la suya.

<ul id="twitter_update_list"></ul>
<script type="text/javascript"
src="http://twitter.com/javascripts/blogger.js"></script>
<script text="text/javascript"
src="http://twitter.com/statuses/user_timeline/sergiomelzner.json
?callback=twitterCallback2&count=1"></script>
</div>

Con negrita van a ver el único atributo que deberían modificar reemplazándolo por su propio usuario de Twitter. Personalmente me parece que solo habría que listar el último update, así que puse el contador a 1 con la especificación “count=1″ que lo que indica es que busque los últimos X (en mi caso 1) updates. Si quisieramos los últimos 5 lo cambiaríamos por “count=5″, etc. Al final cierro el div que abrí al principio.

Mejorar el aspecto con CSS

Podría parecer inútil cargar ese código dentro de un div, pero en realidad es necesario para personalizarlo. Si le damos align=left a la imagen veremos que se tira a la izquierda pero pegada al texto (que se ubicaría a la derecha de la imagen). Para optimizar eso deberíamos armar en la hoja de estilo (generalmente style.css) un #id que explico a continuación:

#novedades le doy el mismo nombre que el div en que encajoné el contenido
{ abro…
color: #000000; color hex de la letra, en este caso negro
background-color: #FFFFFF; color hex del fondo, en este caso blanco
font-size: 14px; el tamaño de letra
height: 100px; especifico el alto entonces ningún texto se mete abajo por el align de img
} cierro…

#novedades img armo estilo para las imágenes dentro del div novedades
{ abro…
padding-right: 10px; le pongo padding para que la imagen no se pegue al texto
} cierro…

En bordó negrita lo que tienen que usar, en texto común algunas explicaciones para que puedan adaptarlo a sus necesidades. Si alguien lo implementa me cuenta cómo le fue, y si tienen alguna duda en los comentarios voy a tratar en los 3 o 4 minutos libres por día de darles una mano.

Matt Mullenweg – 24 de enero del 2003

Primero lo primero, ¿cómo listar las categorías del blog? Lo hacemos mediante esta llamada: <?php wp_list_categories(''); ?> mientras que podemos especificar cuestiones entre las comillas simples (”) relacionadas con el título, los ID a excluir, la manera de ordenarlos, etcétera.

Algunos parámetros, siempre a incluir entre las comillas:

include=1,2: 1 y 2 son los ID de categoría que querés incluir.
exclude=3,4: 3 y 4 son los ID de categoría que querés excluir (a veces basta con señalar -3,-4 sin exclude).
&: Sepador utilizado para diferenciar las variables. Ejemplo: include=2&exclude=3.
,: La coma nos va a permitir señalar más de una opción por cada parametro, como por ejemplo ‘exclude=1,2,3′ ya que no tenemos otra manera de ampliar la cantidad de ID.
title_li=TITULO: “título” es el nombre que querés que lleve la caja de categorías, en blanco no se muestra nada.
child_of=5: Se mostrarán solo las subcategorías de la categoría con ID 5, útil para cuando hay varios autores.
feed=RSS: Figurará un link a los feed rss en el listado de categorías.
show_count=1: Muestra la cantidad de post en cada categoría, desactivado por defecto. El 1 indica activado, el 0 desactivado.
feed_image=/img/rss.gif: Aplica el vinculo a los feed pero con la imagen que le indiquemos en la ruta relativa.
orderby=X: Indica el criterio para ordenar las categorías, la X tiene que ser reemplazada por alguna de las tres opciones: name, ID o count.
order=X: Expresa la manera de ordenarlo. Ya sea ascendente ASC o descendente DESC.
style=X: Permite desenlistar las categorías, pudiéndolas mostrar sin saltos de línea. Con el atributo list mostramos la lista en renglones, con none sin ellos.
hide_empty=1: Sirve para mostrar las categorías vacías (sin post), con 1 activamos esta función mientras que con 0 hacemos lo inverso que -en realidad- es la condición default.
use_desc_for_title=1: El mismo mecanismo que la anterior dominado por 1 (activo) y 0 (desactivado, por defecto), sirve para mostrar la descripción de cada categoría.
hierarchical=1: Sirve para mostrar o no las categorías hijo, la opción por defecto es 1 (activado) pero con asignarle 0 podemos ocultar todas las que no sean padre.
number=10: Especifica la cantidad de categorías que se van a mostrar, en este caso pusimos un límite de 10.

La variable para ejecutar condición -en este caso un echo simple- de acuerdo a la categoría:

<?php if (is_category(20)) {
echo('ES LA CATEGORÍA 20');
} ?>

La que nos va a permitir excluir una categoría, mediante el signo de exclamación, para que la condición se ejecute en todas las demás:

<?php if (!is_category(99)) {
echo('CUALQUIER CATEGORIA, MENOS LA 99');
} ?>

La idea es personalizar el loop en la portada de WordPress evitando que se muestren post repetidos sin importar la categoría. Por si no se entendió, ejemplo práctico. En deCorrientes.com el loop se carga:

• Arriba, recuadro azul: última noticia.
• Columna izquierda: categorías específicas A.
• Columna derecha: categorías específicas B.
• Lista de abajo: Categoría individual C.

Para lograr el efecto que quería arriba mostraba una categoría específica que me mostraba “Destacadas” pero para sacarla de ahí (o poner otra) había que mover manualmente la categoría del post cuando se posteaba algo nuevo. Lo que necesitaba es que el destacado de arriba muestre lo más reciente pero sin tomarlo como absoluto y que las demás lecturas excluyeran el reciente pero dinámicamente. Es decir, que cuando se actualice con un nuevo post el ex-destacado pase a su categoría habitual y el último publicado tome su lugar.

Vayamos al código:

<div class="destacada">
<?
php recent = new WP_Query("showposts=1");
while($recent->have_posts()) : $recent->the_post();
$duplicado = $post->ID; // LO SEÑALO COMO $DUPLICADO
?>
<h2><php the_title();></h2>
<the_content();>
<?php endwhile; ?>
</div>

Después cargo la columna de la izquierda:

<div id="cI">
<?php $recent = new
WP_Query("cat=1,2,3,4,5&showposts=5"); // DELIMITO CATEGORÍA Y CANTIDAD
while($recent->have_posts()) : $recent->the_post();
if( $post->ID == $duplicado ) continue; // VERIFICO MARCA $DUPLICADO
update_post_caches($posts); ?>
<h2><php the_title();></h2>
<the_content();>
<?php endwhile; ?>
</div>

Después se cargan tantas columnas o sectores como quieran, pero la idea es esa. Tomo antes de terminar la consulta la variable $duplicado (que delimité en la primer consulta) y excluyo esos post. En caso de que no exista se carga normal.

Otra opción que encontré es “offset” que es para saltearse un post, pero al hacerlo así me saltearía obligadamente un post y al tener 4 columnas generaría un problema. ¿Por qué? Porque en destacado solo está el último y yo me salteo 4 post (1 por columna) así que en 3 columnas estoy perdiendo la visualización de recientes.

En cambio, con esta opción solo me salteo si ya está presente arriba. Si no se carga naturalmente, cosa que no sucedía con offset.

Espero que a alguien le sirva

En pocas palabras: si tenés un blog en donde permitís el registro de usuarios, probablemente esté orientado a que el registro signifique un sentido de pertenencia y una diferencia por sobre el usuario anónimo. Para eso, vamos a usar los condicionales if y else que, basándose en el logueo, va a determinar qué contenido vamos a mostrar dependiendo de si es o no usuario.

Entonces, vamos al código:

<?php
global $user_ID, $user_identity;
get_currentuserinfo();

if (!$user_ID): // Si se cumple la condición (que es !falso $user_ID), ejecutar lo siguiente:
?>

Bienvenido, registrate. // Texto para invitados

<?php else: // Si la condición “no usuario” es falsa, es decir que hay usuario
?>

<?php echo $user_identity;  // Acá se marca el nombre de usuario ?>

<?php endif; // Cerramos

?>

Eso va a dar como resultado un texto de bienvenida para el invitado y un saludo con el nombre de usuario para el registrado.

Además, las posibilidades son infinitas. Se puede agregar al saludo algunos “links exclusivos” para los usuarios registrados (a los cuales también los tenés que “moderar” de acuerdo al logueo de usuario porque si no sería lo mismo, yo “usuario registrado” paso el link “exclusivo” a mis amigos y también podrían verlo) y también darle más comodidad a los editores y participantes activos del blog.

Una de las opciones es dar, mediante un text field, la posibilidad de enviar un mail directamente a X dirección (generalmente al administrador), suscribirse o dar todas las funciones propias de plugins incorporados.

Lo ideal es utilizarlo en la sidebar, para que los usuarios registrados cuenten con más funciones y/o beneficios y lograr así darle un valor agregado a “pertenecer” a la comunidad.

Para la próxima, voy a pasarles el código listo para que incorporen 2 campos de login para que, desde la misma sidebar, puedan loguearse directamente desde ahí.