Etiquetas en WordPress 2.3 y WordPress.com

Desde hace muchas semanas atrás en WordPress han querido agregar el sistema de tags o etiquetas para los posts. Inicialmente planeado para WordPress 2.2 pero luego retrasado para WordPress 2.3 debido a múltiples conflictos con los desarrolladores y de como implementar este sistema.

Finalmente la otra semana veremos este sistema en WordPress 2.3 cuando sea liberado oficialmente, aunque para los más precavidos ya hemos probado los tags en las versiones betas de WordPress 2.3. Hoy luego de un período de mantenimiento, los blogs de WordPress.com ya cuentan con este sistema de tags activado. El nuevo sistema de etiquetas, se le puede apreciar al escribir un nuevo post o editar uno ya publicado, viendo un nuevo cuadro de texto debajo del cuerpo del post:

Sistema de etiquetas en WordPress

Para usarlo es muy sencillo, solo hay que escribir las etiquetas separadas por comas y wordpress se encargará del resto.

Categorías y Etiquetas

Desde siempre hemos usado las categorías, y ahora que han agregado las etiquetas puede que algunas personas no tengan clara cual es la diferencia entre ambos conceptos:

  • Las categorías del blog, son como las secciones de tu blog. Son una estructura fuerte que debes de pensar un poco más cuando las creas, puedes crear jerarquías de categorías e influyen en las URLs de los posts (dependiendo del a configuración de permalinks).
  • Los posts siempre deben llevar una categoría, si no marcas alguna WordPress usará la categoría por defecto.
  • Las etiquetas del blog, son estructuras más débiles y flexibles del blog. No tienen jerarquías entre ellas y son creadas con facilidad.
  • Las etiquetas son opcionales, el post puede omitirlas sin problemas.
  • Las categorías deberían ser usadas para secciones generales, mientras que las etiquetas para secciones más específicas. Por ejemplo, si escribes un post de un viaje que has tenido lo pondrías en la categoría Viajes además podrías usar las etiquetas viajes, guatemala, amatitilan, hoteles, irtra usando etiquetas para los lugares que mencionas en tu post.

Trabajando con etiquetas

Desafortunadamente no todo son buenas noticias. Los inteligentes desarrolladores de WordPress han decido no agregar una parte administrativa para gestionar las etiquetas, al menos por ahora esperan que todo se haga via plugins para luego integrarlo al núcleo de WordPress. Los que estamos en WordPress.com ya nos amolamos, ya que por acá no podemos instalar plugins que faciliten la administración.

La característica de las etiquetas tal como viene en wordpress solo se pueden agregar al editar posts, no hay forma de tener una lista de las etiquetas que has creado u obtener sugerencias de etiquetas al escribirlas, para editar o eliminar una etiqueta hay que editar todos los posts donde aparezcan. Los blogs de WordPress.com no tienen control sobre la apariencia de las etiquetas, amenos de que tengan pagado el Custom CSS.

Otra graciosada de WordPress.com ha sido activar el sistema de etiquetas, pero sin que las plantillas hayan estado listas para tal característica. De momento solo Kubrick es la única plantilla que muestra las etiquetas asignadas a cada post.

Para los que tengan su blog en un servidor propio, tendrán que modificar su plantilla agregando dentro del loop:

<span class="entry-tags"><?php the_tags($antes, $separador, $depues); ?></span>
  • $antes, se refiere a lo que va antes del listado de etiquetas
  • $separador, es lo que va a separar cada etiqueta
  • $despues, es lo que va a terminar la lista de etiquetas

Por ejemplo puedes definir la llamara así:

<span class="entry-tags"><?php the_tags("Etiquetas: ", ", ", ""); ?></span>

Para obtener:

Etiquetas: etiqueta1, etiqueta2

Otro ejemplo sería:

<span class="entry-tags"><?php the_tags("Etiquetas: ", " | ", "."); ?></span>

Y su resultado:

Etiquetas: etiqueta1 | etiqueta2.

Dependiendo de la plantilla el cambio deberás hacerlo en index.php, single.php y quizás para archive.php. Lo más recomendable sería verificar si hay una nueva versión de tu plantilla que sea compatible con WordPress 2.3 y el sistema de etiquetas.

Plugins para administrar las etiquetas

Dado que la administración de etiquetas en WordPress se quedo en la nada, ya hay algunos plugins que nos ayudan a manejar las etiquetas. Uno que me gusto mucho fue Advanced Tag Entry WordPress Plugin, el cual luego de instalarlo agrega un cuadro de gestión de etiquetas debajo del cuadro para editar el post:

Etiquetas en WordPress - Plugin: Advanced Tag Entry

Advanced Tag Entry te permite administrar las etiquetas desde la página de edición de posts. Con este plugin puedes crear nuevas etiquetas, agregar una etiqueta de las ya existentes al post, quitar etiquetas del post e incluso eliminar las que no estén siendo utilizadas.

Otro plugin que lo he encontrado muy util para trabajar con las etiquetas es Click Tags WordPress Plugin, que simplemente agrega botones con los nombres de las etiquetas que tenga al menos un post asignado, así solo haces click en ellos para agregarlos. De esta forma sabrás que etiquetas has creado:

Click Tags

Con estos dos plugins, trabajar con las etiquetas ya no es tan horrible como sin ellas. Solo será un poco preocupante cuando abuses de las etiquetas y llegues a tener más de 500 o similar jejeje.

Para los que ya tengan un sistema de etiquetas como Ultimate Tag Warrior, WordPress 2.3 ya incluye la forma para importar las etiquetas creadas hacia el nuevo sistema. También les sorprenderá saber que el UTW de momento no es compatible con WordPress 2.3, habrá que esperar a que lancen una versión compatible.

Como ya lo mencione antes el sistema de etiquetas es opcional, si crees que no necesitas tal cosa puedes ignorarlo por completo y ahorrarte complicaciones. Si ya tienes categorías y quieres usar etiquetas, no deberías de borrar las categorías que ya existe en todo caso hacer alguna reestructuración de categorías y empezar a convivir con ambos sistemas.

Yo llevo usando desde hace tiempo etiquetas de búsqueda en mi blog y me han resultado bien, de momento el sistema de etiquetas en wordpress.com no me da mayores ventajas (ni siquiera mi plantilla es compatible aún) y la idea de que los tags también se vayan a los tags globales no me de agrada mucho.

Actualización para los blogs en WordPress.com: Horas después de haber publicado este post, han ido solucionando el problema de las etiquetas y las plantillas. Según he revisado, las únicas plantillas que no muestran el nuevo sitema de etiquetas son:

  • Banana Smoothie
  • Benevolence
  • Connections
  • Fleur De Lys
  • Sandbox
  • Shocking Blue Green
  • Silver is the New Black

También encontré algunas inconsistencias en otras plantillas: algunas solo muestran los tags al ver el posts individual y otras que no muestran ni las categorías ni las etiquetas. Además encontré algunos fallos en el estilo por defecto de 3 plantillas:

  • Plantilla Sapphire: Categorías tiene negrillas pero Etiquetas no. La fuente también es diferente.
    Worpdress.com Plantilla Saphire Tags
  • Plantilla Tarski: Difente tipo de fuente entre las etiquetas y las categorías.
    Wordpress.com Plantilla Tarski Tags
  • Plantilla Vermilion: De nuevo la fuente es diferente.
    Wordpress.com Plantilla Vermilion Tags

También han agregado un nuevo widget, la nube de etiquetas. Este se une a la nube de categorías que ya existía desde hace semanas:

Wordpress.com Widget: Category y Tag Cloud

Aunque de momento el widget de nube de etiquetas solo se le puede cambiar el título del widget, aún no incluye opciones como las del nube de categorías.

Otros posts relacionados:

Agrega tu comentario

Post al Azar, Combo Box de Archivos, y Nube de Etiquetas en WordPress.com

WordPress.com ha agregado tres nuevas herramientas para el uso de los blogs, las cuales he decir me han gustado mucho:

Post al Azar - WordPress.comLa primera es Post al Azar, la cual al agregar la terminación ?random a la dirección de tu blog, automáticamente saltará a un post aleatoriamente. Así para mi blog, la dirección a usar es: https://jaroche.wordpress.com/?random. Como pueden ver en mi blog he agregado en el encabezado un enlace hacia esta función.

Luego, han agregado la opción para convertir los listados de Archivos y Categorías en Combo Box. Para hacerlo debes ir la configuración de los Widgets y configurar el de Archivos o el de Categorías, seleccionando la opción Display as a drop down (aún no esta traducida):

Widget de Archvos - WordPress.com

Guardas los cambios y debes obtener algo como esto:

Listado de Archivos en Combo Box - WordPress.com

Me gusta esta opción, por que así no ocuparan demasiado espacio en la barra lateral principalmente para los blogs que tienen muchas categorías (mi caso) o los que ya tienen muchos meses activos 😉

Por último está la nube de categorías, una de las cosas más solicitadas en los foros de wordpress.com.

Wordpress.com Widget: Category Cloud

Para tenerla en el sidebar es necesario agregar el widget Category Could. Exite la opción Contar sub-categorías para el padre que sirve para ponderar las categorías padre tomando en cuenta o no el peso de sus categorías hijas. Así para una categoría padre que tenga pocos posts, pero que sus categorías hijas tengan muchos posts, se mostrará con un tamaño grande:

Nube de Etiquetas - WordPress.com

La versión de la izquierda de la nube de etiquetas, tiene Pad parent count activado. La versión de la derecha no, cada categoría se pesa por sí sola. En mi blog estoy usando la nube de etiquetas con Pad parent count activado.

Etiquetas de búsqueda: , , , , , , ,

Usando etiquetas de búsqueda en WordPress.com

Como es bien sabido aquí en WordPress.com no podemos instalar plugins, como el Ultimate Tag Warrior que agrega etiquetas (tags) a tu posts. Pero hay formas de poder imitar esa funcionalidad; por eso desde hace unos días estoy probando a usar etiquetas de búsqueda en mi blog, como seguramente ya lo habrán notado. Todo el truco consiste en crear enlaces hacia la página de búsqueda de tu blog usando la etiqueta que deseas, a fin de que puedas crear un listado de artículos relacionados con el actual. Los enlaces hacia tu página de búsqueda deben ser como:

<a href="/?s=etiqueta+de+búsqueda" rel="tag">etiqueta de búsqueda</a>

De esta forma, Worpdress buscará todos aquellos posts que contenga esta(s) palabra(s). Debes tener cierto cuidado al elegir las palabras a buscar, ya que WordPress buscará el texto aún dentro de las palabras, si usas la palabra blog también coincidirá con blogging, blogueando, bloggers, blogocosa, etc. Recuerda usar el signo + para buscar varias palabras a la vez.

Adicionalmente si has comprado la opción de CSS Custom, puedes agregarle mayor estilo a sección de etiquetas de búsqueda. Yo he creado esta clase CSS para distinguir mis etiquetas del contenido del post:

.tags {font-size:0.8em;
padding-left:20px;
background: url( ‘https://jaroche.files.wordpress.com/2007/02/etiquetado.gif&#8217; ) left 5px no-repeat;
}

Y la sección de etiquetas de búsqueda termina siendo de esta forma:

<p class=”tags”><strong>Etiquetas de búsqueda:</strong> <a href=”/?s=blogging” rel=”tag”>blogging</a>, <a href=”/?s=tips” rel=”tag”>tips</a>, <a href=”/?s=wordpress” rel=”tag”>wordpress</a>, <a href=”/?s=etiquetas” rel=”tag”>etiquetas</a></p>

Quedando como resultado:

Etiquetas de búsqueda

Sencillo no?. Pero resulta algo incomodo tener que escríbir el código en cada post, ¿no habrá alguna forma de automatizarlo? Pues si, si la hay. Usando GreaseMonkey puedes instalar (y modificar) el script creado por LouCypher: Technorati Tags Button Bookmarklet. LouCypher creó tres scripts para GreaseMonkey, uno para usar etiquetas de Technorati, otro para usar las etiquetas globales de WordPress y otro más para usar etiquetas de búsqueda. Tomando este ultimo y modificandolo para genere justo el código que hemos pensado. En mi caso he el script ha quedado así:

(function() {
var tagger = document.createElement(‘input’);
tagger.type = ‘button’;
tagger.id = ‘ed_searchTags’;
tagger.className = ‘ed_button’;
tagger.value = ‘Etiquetas’;
tagger.title = ‘Inserta las Etiquetas de búsqueda’;
tagger.addEventListener(‘click’, function(e) {
var a = ”;
var t = prompt(‘Etiquetas sin comas:’,”);
if(!t) return;
var tr = t.split(‘ ‘);
a += ‘\n\n<p class=”tags”><strong>Etiquetas de búsqueda:</strong> ‘;
for(var i=0; i < tr.length; i++) {
if(i > 0) a += ‘, ‘;
a += ‘<a href=’ + unescape(‘%22’) + ‘/?s=’ + tr[i] + unescape(‘%22’) + ‘ rel=’+unescape(‘%22’) + ‘tag’ + unescape(‘%22’) + ‘>’ + tr[i] + ‘</a>’;
}
a += ‘</p>’;
document.getElementById(‘content’).value += a;
}, false);
var toolbar = document.getElementById(‘ed_toolbar’);
toolbar.appendChild(tagger);
})();

Esto me ahorrará el tener que escribir todo el código de las etiquetas en cada post, y solamente concentrarme en cuales usar 😉 . Para usar este script solo tienes que cambiar la vista de tu editor hacia código, ir al posición donde quieres que las etiquetas estén y presionar el botón etiquetas. Seguidamente aparecerá una ventana para que ingreses las etiquetas de búsqueda:

Etiquetas de búsqueda

Y listo, ya no tenemos que escribir todo el código. Aunque he de advertir que no trabaja muy bien con los acentos y hay veces que el script no carga a la primera… pero son detalles.

Ya podemos tener etiquetas sin necesidad de haber instalado un plugin, aunque seguramente esto aumentará el uso de CPU en los servidores de Wordpres 😛 . Usar etiquetas ayuda a relacionar contenidos similares y mejora la navegación en tu blog. Por ejemplo: No creo que sea muy apropiado crear una categoría para los posts que hablen de Dreamhost, pero con una etiqueta pone alcance todos esos posts. Ahora el reto es agregar estas etiquetas a los más de 500 posts que he hecho en mi blog…

Hay que tener cuidado en no abusar en el número de etiquetas por post, ya que se pude caer en una polución de etiquetas. Como buen ejemplo vean los posts de Lorelle, ella si agrega demasiadas etiquetas por post!

Polución de etiquetas

Procuren mantener un número adecuado de etiquetas, y usar las palabras adecuadas para relacionar bien el contenido.

Adicional: Si no tienen muy claro cual es la diferencia entre etiqueta y categoría, les recomiendo el artículo escrito por Lorelle: Categories versus Tags – What’s the Difference and Which One?. Básicamente un etiqueta tiende hacer una palabra clave de tu artículo y hacer relaciónes más directas hacia otros artículos, mientras que una categoría esta pensado para ser una sección dentro de tu blog que contenga muchos artículos.

Etiquetas de búsqueda: , , ,

Adios Twitpic y Flickr, hola WordPress

Desde finales de Octubre he estado usando una instalación de WordPress a modo de Fotoblog, como remplazo a mis cuentas en Twitpic y Flickr, Los que ya me siguen en Twitter ya se habrán dado cuenta. Mis razones para dicho cambio:

  • Tengo mucho mayor control sobre el contenido, el diseño, comentarios, estadísticas, etc.
  • Realmente nunca me gustó el diseño de Twitpic, mucho menos que agreguen publicidad a mi contenido.
  • Tampoco le veo gran valor a la cuenta Pro en Flickr, y como desde hace mucho había pasado el límite de las 200 fotos para la cuenta gratuita, prefiero gastar que el costo de esto en Amazon S3 o en el hosting que ya estoy usando.
  • Obviamente me estoy perdiendo la parte “social” al no depender de un tercero, pero al final tampoco recibía tantos comentarios, favoritos, etc. 😛
  • Me he puesto a jugar con algunas modificaciones al WordPress, como: extraer las coordenadas GPS de las fotos tomadas con el iPhone, agregar Geotagging las páginas, hacer algunos ajustes de accesibilidad y SEO, crear short urls en base al ID del post, entre otras cosas.

Read More

Ocultando los Tips de WordPress.com

Desde hace una semana WordPress.com está mostrando Tips o mensajitos en el Dashboard de todos los blogs, con el fin de “promover” características poco conocidas (como usar un dominio para el blog) y ahora para dar a conocer las últimas noticias en WordPress.com:

Wordpress.com Dashboard tips

Para los que no siguen el desarrollo de WordPress.com de cerca creo que está bien, para otros simplemente es un estorbo, y peor aún que ahora sale en todas las visitas al Dashboard ya no son ocasionales ni controlan si ya te salio o no uno de esos tips.

Por eso dedique unos minutos a crear un UserStyle que oculte los tips del Dashoboard de WordPress.com. Para usarlo necesitan la extensión Stylish de Firefox. También necesitarán modificar la URL del blog en el código del estilo, para que aplique a su dashboard:

@-moz-document url(http://tublog.wordpress.com/wp-admin/) 

Una vez instalado el estilo, dejaran de ver esos bloques de texto molestos 😉

Wordpress.com Dashboard tips ocultos

Etiquetas: , , , ,

Sourceforge ahora soporta OpenID

OpenIDMuy buena sorpresa la de hoy, al ver que SourceForge ha agregado soporte de OpenID en su sitio, pero la forma en la que lo han hecho me pareció muy buena:

  • Funcionan como proveedor de OpenID para otros sitios usando tu cuenta:
    http://sf.net/users/username
  • También aceptan cuentas OpenID externas, y puedes usar varias con las misma cuenta de usuario.
  • Si ya no estuvieras interesado un usar SourceForge como proveedor OpenID, puedes delegar la autenticación a cualquiera de las cuentas OpenID externas que estén relacionados con tu usuario. Es el primer proveedor que conozco permite hacer esto.
  • Decides si quieres hacer públicas las cuentas OpenID externas que estén relacionadas con tu usuario. Útil para los paranoicos.

SourceForge - OpenID

Solo el hecho de que actúen como cliente y proveedor de OpenID ya es bastante, la gran mayoría de quienes quieren participar con OpenID lo hacen como proveedor (e irónicamente son pocos los sitios que funcionan como clientes OpenID), tal el caso de WordPress.com o Yahoo.

Me gusta mucho el hecho de que permitan usar varias cuentas a la vez, la última vez que me propuse usar OpenID en serio, me dio problemas con implementaciones a medias 🙄

Se nota que Sourceforge cuido mucho los detalles, tiene todas las opciones que uno quisiera ver en un cliente/proveedor OpenID. Por supuesto, OpenID solo funciona en los servicios web… para SVN y CVS aún tendrás que usar tu usuario y contraseña de siempre.

Etiquetas: , ,

WordPress.com y los posibles Post Relacionados

Esta semana WordPress.com activo una nueva característica a todos los blogs hospedados acá, se trata de los posibles posts relacionados al contenido del post que se este viendo. Lo que pareciera una buena novedad para los bloggers tiene 2 inconvenientes:

  • Fue activado para todos los blogs, sin consulta alguna, pero de todas formas se puede desactivar (ver más abajo).
  • Los post relacionados que aparecen son a otros blogs de WordPress.com en vez de al blog del post.

Ya que los posts relacionados se van a otros blogs ajenos, es por lo que considero que está funcionalidad no tiene ningun valor. Hubiese preferible ver otros posts que he escrito, en vez de enviar tráfico a blogs que ni siquiera conozco. Esto más parece otra juego SEO que una funcionalidad real, casi como el caso de las páginas de tags, llevando el tráfico y el PR fuera del blog.

Y es que ya surgieron los primeros problemas, como el caso de una blogger que habla de justicia racial y el feminismo que recibió ataques de otro blog sobre la supremacía blanca. Y ni mencionar a los que se confunden por esos links misteriosos que no aparecen en el editor.

Desactivar los post relacionados

De momento los posibles post relacionados solo funciona para los blogs en ingles, seguro que pronto estará disponible para otros idiomas. Para los que no nos agrada esta característica, podemos desactivarla yendo a Dashboard > Design > Extras y marcar Hide Related Links:

Wordpress.com - Desactivar Post Relacionados

Etiquetas: ,

Una mejor forma de seleccionar un fila al azar en MySQL

Uno podría pensar que al ejecutar un query tan simple como elegir una fila al azar de una tabla pequeña (cerca de 500 registros) no debería tener importancia, que es el query ejecutado en los botones de Blogs Chapines:

SELECT * FROM bc_blogs ORDER BY RAND() LIMIT 1;
(1 total, Query took 0.0128 sec)

Un tiempo bastante pequeño y razonable. Pero cuando este query se ejecuta 7,000 veces al día, ya empieza a tener mayor importancia. Buscando por una opción mucho que me diera un query mucho rápido, encontré en Selecting random record from MySQL database table, otra forma de seleccionar un registro al azar ejecutando:

SELECT FLOOR( RAND() * COUNT(*) ) AS `offset`FROM `bc_blogs`
(1 total, Query took 0.0005 sec)

Un query que en mi PC se ejecuta 25 veces más rápido que el que el anterior, sweet!. Luego de ejecutarlo sabemos que fila debemos obtener, ejecutando un simple:

SELECT * FROM `bc_blogs` LIMIT $offset, 1 

Que toma solo una fracción de segundo ejecutar. Muchas veces nos pasa que por comodidad no nos fijamos en el rendimiento de las cosas, es algo que estoy aprendiendo ahora que he estado reescribiendo el código detrás de Blogs Chapines.

El código original fue hecho sobre la marcha, ahora que ya se mucho más de lo que hay que hacer, viene bien replantear la estructura del código. Pero ese es tema para otro post 😉

Etiquetas: programación, blogschapines, mysql