• Firebug: Para mi es hoy en día una herramienta indispensable que me ayuda a depurar mi código Javascript y a solicionar problemas con el CSS entre otras cosas.
• YSlow y Google Page Speed son dos Addons que necesitan del Firebug para funcionar y que te ayudarán a mejorar la velocidad de carga de tu web.
• Web Developer: Una barra de herramientas que tiene multiples utilidades. Desde una regla para medir píxeles sobre el navegador hasta validadores o la posibilidad de desactivar el Javascript o las hojas de estilo.
• Search Status: Herramienta que ofrece información SEO sobre tu web y que prácticamente la uso para poder ver de forma clara los enlaces con ‘nofollow’.
• ColorZilla: Es solo un color picker, un cuenta gotas para poder conocer el valor en código CSS de cualquier color que estés viendo en una web.
• Screengrab: Es una herramienta para hacer capturas de páginas web, ya sean completas o selecciones. Muy útil para hacer documentación o reportar bugs.
• Dummy Lipsum: El nombre lo dice todo, simplemente un generador de ‘Lorem Ipsum’ para cuando necesitemos unos textos de prueba.
• IE NetRenderer: Una manera sencilla de poder ver lo que estamos haciendo en diferentes versiones del Fucking Internet Explorer. Sí, ya sé que hay más maneras de hacer eso incluso usando linux, pero ésta es rápida y en algunos casos no necesito más.
• HostAdmin: Creo que ha sido mi último descubrimiento y ahora no paro de usarlo. Me sirve para cambiar mi fichero /etc/hosts dónde fuerzo los dominios desde el propio Firefox, útil para cambiar entre dev, testing y producción.

Para los que no conozcan, este plugin de wordpress muestra en el dashboard los perfiles en redes sociales de la gente que comenta en tu blog, y también muestra sus blogs o webs; para lograrlo hace uso de la Social Graph API de Google. Creo que el plugin es una buena manera de poder acercarte más a tus lectores y la verdad es que todavía me siguen llegando trackbacks de gente que lo recomienda como uno de los mejores plugins sociales para WordPress.

Los cambios que he realizado:

• Comprobar compatibilidad con WP 3.0
• Cambiar licencia de GPL a GPL2
• Empezar a usar la clase SimplePie_File del core de WordPress para acceder a la API y así evitar las limitaciones de acceso a webs externas de ciertos hostings
• Permitir internacionalización y añadir castellano como idioma adicional
• Eliminar algunos warnings
• Arreglarlo para permitir la instalación automática desde el administrador de WP por FTP como el resto de plugins

Si nunca lo habéis probado, este es un buen momento

El plugin en el directorio oficial de WordPress:
http://wordpress.org/extend/plugins/meet-your-commenters/

Para ello WordPress nos ofrece dos funciones que nos permitirán que se ejecute algo al activar o desactivar un plugin, estas funciones son register_activation_hook y register_deactivation_hook. Se puede ver su modo de empleo en las siguientes líneas de código que simulan la situación que he expuesto antes:

<?php

register_activation_hook( __FILE__, 'plugin_name_activate' );
register_deactivation_hook( __FILE__, 'plugin_name_deactivate' );

function plugin_name_activate() {
	global $wpdb;
	$sql = 'CREATE TABLE `' . $wpdb->prefix . 'plugin_name`
		( `id` INT( 11 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,
		`date` TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP ,
		`otro` VARCHAR( 255 ) NOT NULL )
	';
	$wpdb->query($sql);

}

function plugin_name_deactivate() {
	global $wpdb;
	$sql = 'DROP TABLE `' . $wpdb->prefix . 'plugin_name`';
	$wpdb->query($sql);

}

?>

A mi me han sido de utilidad en más de una ocasión, ya me contaréis.

Realmente esos widgets, al igual que los de las barras laterales, son plugins de wordpress por lo tanto lo que tenemos que hacer es un plugin que luego subiremos a su correspondiente carpeta y activaremos en el panel de administración. Además, podremos activar, desactivar o mover ese panel que crearemos para el dashboard, tal como se puede hacer con los que vienen por defecto. Nada mejor que un ejemplo y un poco de código para explicar como hacerlo:

<?php
/*

Plugin Name: Sample Dashboard Widget

Plugin URI: http://www.berriart.com/

Description: Sample code for creating a dashboard widget 

Author: Alberto Varela

Version: 1.0

Author URI: http://www.berriart.com
*/

// Función para mostrar el contenido del widget
function sampledashboardwidget_main_function() {
	echo "Hello World";
}

// Utilizamos la función wp_add_dashboard_widget para añadir el
// widget al panel
function sampledashboardwidget_register_dashboard_widget() {
	wp_add_dashboard_widget('sampledashboardwidget', // ID único del widget
	'Sample Dashboard Widget', // Título para el widget
	'sampledashboardwidget_main_function', // Función principal del wiget
	'sampledashboardwidget_setup');	// Este último parámetro es opcional y solo lo usaremos
					// en caso de necesitar una página de opciones, en ese
					// caso pondremos la función que corresponda
}

// Añadir finalmente el widget mediante el sistema 'hooks' de WordPress
add_action('wp_dashboard_setup', 'sampledashboardwidget_register_dashboard_widget');

// Si se quiere hacer por ejemplo una página de administración, al estilo del widget 'stats',
// podemos añadirla mediante el cuarto parametro de la función 'wp_add_dashboard_widget'
function sampledashboardwidget_setup() {
	if( isset($_POST['sdw_option']) ) do_something();
	echo '<form><input type="text" name="sdw_option" /><input type="submit" /></form>';
}

?>

Creo que no hace falta dar muchas más explicaciones y con esto como inicio cualquiera que se anime y tenga una idea puede crear un nuevo widget para el dashboard. Por cierto, yo no sabía que se podía agregar una página de opciones al widget, pero el otro día Rick me iluminó.

Así es como quedará en el panel de tu WordPress y podrás ver quienes son los últimos que te han enlazado. Como ya dije en su día, prefiero las ‘technorati reactions’ a los ‘incoming links’ de Google que vienen por defecto desde la versión 2.3, hay muchos enlaces que Google no ve o no muestra.

La verdad que debería haberlo hecho antes porque es una de las páginas más visitadas de este blog y uno de los plugins que más se descargan de los que he hecho. Por sino sabéis de que va, se trata de un widget para el panel de administración que te muestra los perfiles en redes sociales y las webs de la gente que te comenta. Sino lo habéis usado nunca os recomiendo que al menos lo probéis, es una buena manera de conocer a la gente que comenta en tu blog.

Lo primero es crear nuestra aplicación en Facebook, esto lo haremos desde nuestra cuenta de Facebook en la aplicación desarrolladores. Solo hay que ponerle un nombre, en este caso el nombre del blog, y listo. No hace falta rellenar ningún dato más, aunque es aconsejable ponerle los logos. Una vez hecho, nos hara falta la clave de API de nuestra aplicación y la clave secreta para poder configurar el plugin para wordpress.

Ahora nos descargamos el plugin. Para hacerlo hay que utilizar SVN, sino sabes puedes descargartelo de aquí, pero estaría bien que aprendieras a utilizar subversion. Ya sabéis descomprimir, subir a la carpeta de plugins del blog y finalmente activar desde el panel de control, como hubieramos hecho con cualquier otro plugin. Para configurarlo hay que ir a ‘Opciones’->’Facebook Connect’ y escribir las claves de la aplicación que acabamos de crear en Facebook.

Lo tenemos casi instalado, pero antes hay que hacer algunas comprobaciones y modificaciones en tu theme. Tienes que comprobar que en el header de tu theme se llama a la función ‘wp_head’ y que en el footer a ‘wp_footer’. También es necesario que en el header, en la etiqueta para abrir html, se llame a la función ‘language_attributes’. Si tu theme no lo hace, deberás incluirlas tu mismo, para hacerlo puedes usar de ejemplo el theme ‘default’. Una vez comprobado todo eso, tienes que añadir la siguiente línea en tu plantilla de comentarios, normalmente ‘comments.php’:

<?php do_action('fbc_display_login_button') ?>

Colócalo en el lugar donde quieras que aparezca el login de Facebook. Puedes hacer varias pruebas hasta que encuentres el lugar que más te gusta. Con este último paso, terminaríamos la instalación habitual del plugin, y nuestro blog estaría preparado para soportar Facebook Connect en los comentarios.

Personalización

Pero a mi personalmente no me gustaba la caja de login que te crea, ni la caja que aparece en la esquina superior derecha cuando estás logueado. Además que los mensajes aparecen en inglés y era necesario traducirlos. Así que os cuento lo que he hecho para dejarlo a mi gusto.

Lo primero es editar el archivo ‘config.php’ del plugin, y traducir los mensajes que se envían al minifeed de Facebook. Además como voy quitar la caja de usuario logueado de la esquina superior derecha, hay que poner la variable ‘FBC_USER_PROFILE_WINDOW’ a falso:

define('FBC_USER_PROFILE_WINDOW', false);

Al hacer esto último no se muestra la caja con los datos del usuario cuando está logueado en ningún sitio, pero tampoco es lo que queremos. Lo que yo he hecho es mostrarla dónde aparece el botón de login antes de loguearte, y si quieres hacer lo mismo lo que tienes que hacer es escribir lo siguiente justo debajo de la línea que hemos metido antes en la plantilla de comentarios:

<?php echo fbc_render_login_state(); ?>

Por último, tendrás que editar el CSS de tu blog y el del plugin (fbconnect.css) para que todo quede tal como tu quieres.

Espero que me hayáis entendido, si tenéis alguna duda ya sabéis, loguearos con vuestra cuenta de Facebook y dejarme un comentario.

Esto puede considerarse una optimización de cara al SEO, ya que para los buscadores aunque sea muy bueno que las URLs lleven información sobre el contenido de la web, también es bueno que no sean demasiado largas. Así que recortarlas quitando palabras que no aporten nada es una buena manera de arreglar el problema, y eso es lo que hacen en meneame.

Para que todos podamos hacer lo mismo he creado el plugin Remove Stopwords From Slug. Con él, se pueden incluir una serie de stopwords en el administrador que luego el wordpress eliminará directamente de la URL. Pero para entenderlo, nada mejor que mirar el título y la URL de este post:

El título, ‘Plugin que mejora la URL para el SEO’, indica de lo que hablo, y es legible para una persona. Por defecto WordPress me hubiera generado la URL ‘plugin-que-mejora-la-url-para-el-seo’, para que solo con ver la URL ya se sepa de que se va a hablar, pero sucede que hace una URL tal vez demasiado larga. Pero como yo tengo el plugin activado y he incluido varias stopwords (entre ellas que, el, la, para), la URL se ha quedado en ‘plugin-mejora-url-seo’. La URL no ha perdido contenido ya que sigue hablando de plugins, mejorar, URLs y SEO, y además es bastante más corta.

Si tenéis alguna duda podéis preguntar, pero yo creo que es un plugin muy recomendable. Por cierto está probado con la beta de la versión 2.7 también así que os seguirá funcionando en la próxima actualización de WordPress.

Para saber más: Remove Stopwords From Slug

Este plugin os mostrará en el panel de administracion los perfiles (de facebook, de twitter, de last.fm,… ) de la gente que comenta en tu blog. Es una manera fácil de encontrar a tus contactos del blog y, por que no, de descubrir nuevas redes sociales. Muchas veces también te puedes sorprender al encontrarte proyectos de ellos que no conocías.

Para hacerlo se vale de la API de Google Social Graph, que tantas ganas tenía yo de usar. Esta API rastrea en este caso los links que contienen ‘rel=me’, a partir de la URL que deja el usuario, y de esa manera se consigue saber que otras webs pertenecen a ese usuario.

Aunque no parece algo muy útil, creo que merece la pena que lo probéis al menos unos días. Puede ser una manera de socializarse en internet y de conseguir fidelidad de la gente que te comenta.

Como ya sabréis, ya que muchos bloggers hablaron de ello, la mayor parte de la actualización se la lleva la zona de administración, dónde a algunos aún nos cuesta encontrar las cosas. Pero personalmente me gusta el cambio.

Los que soléis tener problemillas a la hora de actualizar, esta vez seguramente no tendréis problemas con vuestro theme, pero acordaos primero de desactivar todos los plugins porque éstos sí están mostrando incompatibilidades. Luego de actualizar, id activándolos uno a uno y asegurándoos de que todo funciona correctamente. Si alguno no funciona bien desactivadlo, y si funciona tan mal que no podéis desactivarlo, borradlo del servidor y todo volverá a la normalidad.

Entre los que no funcionaban se encontraba mi plugin, Berri Technorati Reactions, que además no permitía visualizar el dashboard al actualizar a 2.5. Así que lo he actualizado, y he creado la versión 2.0 (la 1.0 seguirá siendo compatible con wordpress 2.3 e incompatible con el 2.5). Esta nueva versión es ahora uno de los widgets para el dashboard que son novedad en wordpress 2.5. Así que si lo tenéis instalado y vais a actualizar el blog, no olvidéis actualizar también el plugin.

Si quieres conocer un listado de los plugins compatibles e incompatibles antes de decidirte a actualizar, puedes consultar el que los usuarios de wordpress estamos haciendo. Si además has comprobado que tus plugins no dan fallos o si en cambio los has encontrado, puedes ayudar a la comunidad alimentando este listado.