Con esta herramienta se pueden saber ciertos datos de la ejecución de una página, entre ellos:

• Listado y número de llamadas a una función/método
• Tiempo de ejecución de una función/método
• Tiempo de CPU de una función/método

No voy a explicar aquí como instalar XHProf en vuestro servidor, lo que os voy a poner es un pequeño plugin que he desarrollado que habilita el profiling en WordPress cuando tienes WP_DEBUG activado y XHProf instalado. Lo he llamado WP XHProf Profiler como era de esperar :p

Enlace al plugin: http://www.berriart.com/en/wp-xhprof-profiler/

Karmacracy ya era integrable en varios clientes de Twitter, en móviles y existen plugins para varios navegadores, pero yo echaba en falta la integración en mi CMS favorito, que como todo el que me lee sabe, es WordPress. Así que me puse manos a la obra, como siempre lo dejé a medias, y hace unos días lo retomé. Finalmente ha salido algo decente y ya lo tenéis disponible: WP Karmacracy

El tema es que una de las cosas que voy a hacer, sí o sí, es forzar a los usuarios a registrarse para comentar en las páginas de los plugins y los themes. Por varias razones, una es para que el que quiera un poquito de soporte al menos necesite un poco de esfuerzo para pedirlo (registrarse), otra que así podré tener más datos de quienes usan mis themes/plugins y una manera de contactarles. Seguramente me ayude también a quitar un poco de SPAM.

Al ir a hacerlo me he dado cuenta de que no puedo limitar lo de comentar estando registrado en cada post o página, si no que solo puedo limitarlo en general para todo el blog. Así que ya puesto me he currado un pequeño plugin que permite hacerlo. Os presento el plugin para WordPress: Comment Privileges By Post.

Espero que le resulte útil a alguien más que a mí.

• 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.