QueryPosts, como debería ser el Codex de WordPress

El Codex es la Biblia de WordPress, pero siempre he pensado que le falta una funcionalidad para documentarse rápidamente de cualquier función o hook necesario para programar.

Si tuviera que elegir la próxima herramienta del Codex tengo claro que sería algo muy parecido a QueryPosts.

QueryPosts es una web que ofrece un buscador predictivo (muestra resultados mientas escribes) de funciones WordPress y, una vez identificada la que quieres te ofrece a continuación, primero, una lista de los argumentos que puedes utilizar, así como la ruta donde se “llama” a la función.

En esa pantalla, además, puedes hacer clic en el nombre de función para, a continuación, disponer de una pantalla completísima en la que se nos describe la misma, sus usos y se nos dan hasta ejemplos. Todo muy visual, sencillo y utilizable.

queryposts4 queryposts3

Vamos, lo que debería tener el Codex ¿no te parece?.

Una función WordPress en tu correo, cada día

Si no usas Delicious ni los favoritos de Twitter, si no te gusta suscribirte a feeds RSS o tener blogs favoritos, quizás lo tuyo sea el correo electrónico.

Y como para todo hay opciones, si quieres aprender nuevas funciones WordPress, y recibir una buena referencia cada día en tu email ya tienes un servicio que hace exactamente eso.

The Daily WordPress reference es un servicio sencillo, pero efectivo, que ha iniciado el envío de documentación sobre WordPress por email. Simplemente apuntas tu dirección de correo electrónico y recibirás en tu email una función diaria de WordPress, para hacer tu biblioteca de desarrollador, poco a poco.

Este es un ejemplo de los emails que recibirás … 

En la misma página de suscripción tienes varios ejemplos al final de la misma.

Para todo lo demás, Ayuda WordPress.

Syntax mode de WordPress para Panic CODA

Si no conoces la aplicación Panic CODA seguramente te estás perdiendo la que quizás sea el mejor software que existe para un programador web.

De hecho, hay desarrolladores web que se han pasado a Mac “solamente” para usar CODA. Y no es una locura, en realidad hay muchas razones para pasarse a Mac pero usar CODA es una de ellas, y poderosa. Pero bueno, que no se trata de hacer proselitismo de Mac o CODA.

Lo que quiero compartir contigo hoy es un fichero de descarga que permite usar la sintaxis de WordPress en CODA, para que identifique los códigos de tus temas y plugins WordPress, sus funciones en concreto, y te permite cosas como el autocompletado de sintaxis y esas cosas maravillosas que hace CODA.

Para tener esta funcionalidad solo tienes que hacer esto:

  1. Descargar este archivo:
    zip Modo WordPress para Panic CODA v.1.0 (230.65 kB )
  2. Descomprimir el zip
  3. Copiar la carpeta descomprimida llamada PHP-HTML-WP.mode en la carpeta ~/Library/Application Support/Coda/Modes/
  4. Abre un archivo PHP o de WordPress y carga el modo de sintaxis en CODA desde el menú “Text -> Syntax Mode -> PHP-HTML-WP
  5. Opcional: Si quieres que este modo sea la sintaxis por defecto, en el panel del Editor, en la venta de preferencias, elige el modo “PHP-HTML-WP” como tipo de archivo por defecto

Ahora CODA ya identificará las funciones WordPress, facilitándote la vida como desarrollador de WordPress, como ya hacía con PHP, HTML o CSS, por ejemplo.

Encontrado en HitchHackers

Eliminar los apuntes de novedades de WordPress

Una de las novedades de WordPress 3.3 fueron los apuntes de novedades, valga la redundancia. Esos “bocadillos” que salen junto a cada nueva funcionalidad en las actualizaciones.

Útiles para muchos usuarios, pueden ser un engorro para otros y, afortunadamente, si quieres que no te salgan estos “molestos” apuntes a cada actualización, en ocasiones irrelevantes, puedes eliminarlos de raíz.

Solo tienes que añadir el siguiente código a tu plugin de funciones (o añadir el código al archivo functions.php de tu tema activo):

// Quitar apuntes de novedades tras actualizar
add_filter( 'show_wp_pointer_admin_bar', '__return_false' );

Guardas los cambios y ya lo tienes.

Shortcodes Pro

Seguro que ya sabes de sobra como crear shortcodes mediante funciones, pero ¿y si hubiera un modo mucho más fácil de crear shortcodes?.

La utilidad de los shortcodes, para insertar contenido dinámico en tus entradas está fuera de toda duda, pero ¿no sería mejor hacerlos sin tocar código?.

Pues bien, gracias a Shortcodes Pro tenemos una interfaz absolutamente sencilla para crear, no solo shortcodes, sino incluso los botones para el editor visual y quicktags para el editor HTML.

Una vez instalado, y a través de su interfaz, puedes crear tantos como necesites, asignarles botones, definir parámetros a configurar al pulsar el botón o quicktag, de todo. Además está traducido al español y disponible en el repositorio oficial de WordPress.

Eso si, no te vicies, crea solo los imprescindibles. ¡Que lo disfrutes!

Aquí tienes unas capturas y un vídeo para que veas lo fácil que es usarlo …

shortcodespro3 shortcodespro2 shortcodespro1

Cambia el texto “Read more” con una simple función

Cuando hablaba de las ventajas de un plugin de funciones, una de las principales es que, si añades código que afecta al tema, aunque lo actualices, el código seguirá funcionando pues es una función que realiza una llamada externa, en la que no has modificado ningún fichero original del tema.

Pues bien, una de las modificaciones más típicas es cambiar el texto “Sigue leyendo“, o “Read more” que llevan todos los temas cuando muestran el extracto de una entrada.

Por supuesto, podrías ir al archivo 'index.php' de tu tema y cambiar la línea del loop, pero otra opción es añadir un pequeño código al fichero functions.php de tu tema o a tu plugin de funciones.

Simplemente es este código:

// Cambiar texto de "read more"
function be_excerpt_more( $more ) {
	return 'Dale que hay más ...';
}
add_filter( 'excerpt_more', 'be_excerpt_more' );

La línea importante, donde defines tu propio “Read more”, es en la cadena return, simplemente sustituye el texto entre comillas simples por el tuyo, que en este caso he utilizado ‘Dale que hay más …

Luego, si eres de los que no están nunca contentos, siempre puedes modificar el “Leer más” en cada entrada con este truco.

Insertar Slideshare con oEmbed

oEmbed es un sistema, integrado en WordPress, mediante el cual puedes visualizar contenido multimedia solo con añadir la URL en el editor de WordPress.

Este sistema, no obstante, no permite mostrar todo tipo de contenidos existentes, sino que WordPress por defecto contempla algunos pero no todos.

Por ejemplo, puedes insertar vídeos de YouTube, de Vimeo, o fotos y sets de Flickr, pero no puedes hacer lo mismo con tweets – aunque ya expliqué como hacerloni con presentaciones de Slideshare.

Si quieres ampliar las posibilidades de oEmbed en WordPress siempre puedes instalar el plugin Embedly, que añade tropecientos servicios, más de los que vas a usar nunca, pero si quieres ahorrarte un plugin, y en realidad lo que te falta es usar este sistema para insertar presentaciones de Slideshare al modo más fácil, solo tienes que añadir el siguiente código a tu plugin de funciones o pegarlo en el archivo functions.php:

// Añadir Slideshare a oEmbed
function oembed_slideshare(){
wp_oembed_add_provider( 'http://www.slideshare.net/*', 'http://api.embed.ly/v1/api/oembed');
}
add_action('init','oembed_slideshare');

Guardas los cambios y ya lo tienes

Añadir rel=”author” y rel=”me” en WordPress

Por si no lo sabías, Google hace tiempo que incluye una forma de personalizar los resultados de búsqueda, de asignar autorías a las publicaciones, las tags HTML rel="author" y rel="me".

Usando estas etiquetas en tus publicaciones se mostrarán unos ‘snippets‘ de Google más atractivos que, además de mejorar tu branding en la red atraerán más atención en la lista de resultados que si no lo llevaran, y en consecuencia tendrás más clics hacia tus publicaciones.

De paso, al llevar la URL tu autoría, también es un modo preventivo de evitar (aunque a algunos les da igual) el robo de contenido.

¿Suficientes motivos?, pues vamos a añadir estas tags a WordPress …

Son unos cuantos pasos, pero merece la pena:

1. Crea un perfil en Google+

Aunque no te guste la nueva red social Google Plus, solo por SEO merece la pena, así que ve a http://plus.google.com y crea un perfil. Luego vas a la página de tu perfil y haces clic en “Editar perfil”. A la derecha verás una caja llamada “Otros perfiles”, haz clic y añade nombre y URL de tu página de autor en el blog.

Este paso, como el siguiente – que está relacionado – no está claro que sea imprescindible (ni siquiera Google lo deja claro), no está de más, así que hazlo y punto, tampoco tardas tanto.

2. Añade la URL de tu perfil de Google+ a tu página de autor en WordPress

Parece que Google, aunque no está claro si es obligatorio, quiere que enlaces a tu perfil de Google+. Así que vamos a hacerlo, tenemos 3 maneras:

  1. Con plugin: Instala el plugin Easy rel author plugin, que añade un campo más a la página de perfil de usuario, en la que incluir la URL de Google+ y que luego se mostrará en la página de autor
  2. Con ñapa: Si no quieres instalar el plugin puedes hacer algo tan simple como, en el campo de Web del usuario poner la de tu perfil de Google plus en vez de la de tu blog o similar.
  3. Con función: Ya expliqué como se añaden o quitan campos del perfil de usuario, pero aquí lo tienes simplificado y adaptado. Solo añade este código al fichero functions.php o a tu plugin de funciones. Consigues lo mismo que con el plugin anterior:
    // Añadir campos sociales a los perfiles y elimina (unset) los inútiles
    function add_redessociales_contactmethod( $contactmethods ) {
      // Añade Google+
      $contactmethods['twitter'] = 'Twitter';
      return $contactmethods;
    }
    add_filter('user_contactmethods','add_redessociales_contactmethod',10,1);

3. Enlaza a tu perfil de Google+ añadiendo rel=”me”

Siempre que enlaces en tu sitio a tu perfil de Google+ añade la tag rel="me". Por ejemplo:

Visita mi perfil en <a rel="me" href="https://plus.google.com/112849525913645686409/about">Google Plus</a>

Da igual si es desde un icono añadido en tu barra lateral o en una entrada, añade siempre la tag rel="me"

Otra posibilidad es un enlace del blogroll o un menú personalizado, en ambos casos deberías añadir la relación de enlace XFN, e indicar en el campo al efecto “me”.

Por último, otro sitio genial para añadir el rel="me" en un enlace a tu perfil de Google es en tu fichero humans.txt, que Google reconoce como válido a estos efectos.

4. Enlaza a tu página de autor de WordPres añadiendo rel=”author”

De igual modo, siempre que haya en tu tema activo un enlace a tu página de autor añade la tag rel="author". Para ello debes modificar (y sino lo usas lo añades) al enlace al perfil del autor de la entrada – normalmente en ‘single.php’ o ‘index.php’ – la tag de este modo:

Publicado por <a rel="author" href="<?php the_author_posts_link(); ?>"><?php the_author(); ?></a>

5. Enlaza a tu perfil de Google+ en la página de autor u otras

En la página de autor, normalmente author.php tienes que añadir un código para que muestre el enlace a tu perfil de Google +, este:

$google_profile = get_the_author_meta( 'google_profile' );
if ( $google_profile ) {
	echo '<a href="' . esc_url($google_profile) . '" rel="me">Mi perfil en Google+</a>';
}

También puedes añadir una caja con tu perfil, y enlace a tu perfil en Google+, mediante el plugin rel=author, que la agrega automáticamente.

6. Comprueba que funciona

Ya solo queda comprobar que todo ha salido bien, y si no quieres esperar a que Google vaya actualizando los ‘snippets’ de tus publicaciones, puedes probar si lo has hecho bien en la herramienta de comprobación de “Rich snippets” de Google. Simplemente teclea la URL de una entrada de tu sitio, o de tu página de autor, y deberías ver la imagen de tu perfil de Google+ junto al snippet.

De paso, si te falta algo, esta herramienta te indicará los errores y lo que tienes que hacer para solucionarlo.


Extra para vagos

Si todo lo anterior se te antoja muy lioso puedes probar el plugin Googleplus author connect, que promete conseguirte estos bonitos snippets solo con instalarlo y activarlo.

Referencias:

Más iconos de formato al editor visual de WordPress

Por defecto, WordPress muestra una fila de iconos para dar formato a tus textos en el editor visual de entradas. Y supongo que ya sabrás que haciendo clic en el último icono, el de los cuadritos de colorines, aparece una segunda fila en la que además tienes los siguientes iconos:

  • Estilo de párrafo
  • Subrayado
  • Justificado total
  • Color de texto
  • Pegar como texto plano
  • Pegar desde Word
  • Eliminar formatos
  • Insertar caracteres especiales
  • Aumentar / disminuir márgenes de texto
  • Deshacer / Rehacer cambios
  • Ayuda

Pues bien, lo que quizás no sepas es que hay una tercera fila de iconos que puedes hacer visible …

Para verla solo tienes que añadir este código a tu fichero functions.php, o casi mejor a tu Plugin de Funciones:

// muestra tercera fila de iconos al editor visual
function add_more_buttons($buttons) {
$buttons[] = 'hr';
$buttons[] = 'del';
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'cleanup';
$buttons[] = 'styleselect';
return $buttons;
}
add_filter("mce_buttons_3", "add_more_buttons");

Una vez guardes los cambios verás estos otros iconos:

  • Insertar línea horizontal
  • Subíndice
  • Superíndice
  • Familia de fuente
  • Tamaño de fuente
  • Limpiar código de Word
  • Estilos de wpgallery, oEmbed y  más.

Esta nueva fila se verá aunque no hayas desplegado la primera, estará siempre visible.

¿Quieres aún más?, pues puedes instalar el plugin TinyMCE Advanced, que añade esos iconos y muchísimos más (a voluntad y personalizable), sustituyendo el editor estándar de WordPress por una versión más “completa”.

¡Tu eliges!

WordPress Jeopardy

Ya casi no queda nada que no se pueda hacer con WordPress pero ¿un juego?, pues si. Eso es WordPress Jeopardy, una idea que surgió en WordCamp Suiza este año, la de hacer un juego con una instalación de WordPress, usando sus funciones y hooks.

Y, ni cortos ni perezosos, en Septiembre de este año empezó la primera tanda del WordPress Jeopardy, que para el que no lo sepa es un juego basado en un popular concurso de televisión norteamericano que surgió allí por 1964, hace nada menos que 47 años.

La idea es genial; cada respuesta es una entrada, con sus metadatos como preguntas y puntos de cada pregunta. El sitio es una instalación de WordPress simple, con un tema personalizado. Lo único que necesita es una lista de categorías de entradas y las entradas, que van en la categoría correspondiente de este modo:

<?php
$x = 1;
$cat_args = array( 'parent' => 0 );
$categories = get_categories( $cat_args );
foreach ( $categories as $category ) :
	// Muestra la cabecera de la categoría
	$y = 1;
	$post_args = array( 'category' => $category -> term_id );
	$posts = get_posts( $post_args );
	foreach ( $posts as $post ) :
		// Muestra la entrada de respuesta, aquí va la pregunta y los puntos
	endforeach;
endforeach;
?>

Luego se aplica un poco de CSS y a correr.