]]>

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 hacerlo – ni 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

]]>

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:

]]>

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!

]]>

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.

]]>

Una de las cosas que me encanta de WordPress son los plugins. Y es que aunque habitualmente comparta funciones o hooks con los que modificar aspectos de WordPress, cuando sale un plugin que nos facilita la vida para que con un par de clics hagas virguerías me encanta.

CMSfy es una de estas pequeñas maravillas. Como herramienta de personalización de la administración de WordPress no tiene precio, y encima es gratis, a nuestra disposición en el instalador de plugins y el repositorio oficial, vamos, que no se le puede pedir más.

¿Que qué hace?, pues un poco de todo … 

Lo que busca es ofrecer una personalización completa de la administración de WordPress, y para ello ofrece una única pantalla, eso si, con 3 pestañas distintas y multitud de posibilidades en cada una. Es lo que se suele llamar un "tweaker".

En la primera pestaña podemos realizar multitud de personalizaciones a la visibilidad de los elementos en la administración, decidiendo que verán los usuarios de nuestro WordPress y que no. No te las detallaré todas porque son una cantidad enorme, pero puedes ocultar las actualizaciones a los que no sean administradores, elegir que widgets de Escritorio se verán, que widgets estarán disponibles para las barras laterales, incluso que columnas verás en las ventanas de entradas y páginas.

La segunda, llamada "Media", nos ofrece un par de cuestiones importantes. Por una parte podemos provocar que las imágenes que subamos se redimensionen automáticamente en la carga, evitando un consumo excesivo de espacio y tiempo en carga del servidor por culpa de usuarios pedorros que suben sus fotos a tope de calidad, por ejemplo.

Lo siguiente que nos ofrece esta pestaña es poder añadir tamaños adicionales que se crearán al subir una imagen, definiendo no solo el tamaño, que eso ya lo puedes hacer en la página de ajustes estándar, sino también los nombres de las distintas imágenes. No sustituyes los tamaños estándar sino que puedes crear más.

En la tercera y última pestaña de configuraciones, llamada "Editor", puedes mejorar algo el editor de entradas TinyMCE, eligiendo que formatos de estilo de texto quieres que se muestren (que siempre sobran), pero también puedes añadir formatos y tamaños nuevos, a tu gusto.

Y si te quedas con ganas de más en la última pestaña tienes una serie de plugins recomendados para mejorar la experiencia y el control de tu CMS WordPress.

Bien ¿no?

Yo creo, no obstante, que aún se puede mejorar más el plugin, pues por ejemplo no te permite definir que perfil de usuario verá según que cosas, por ejemplo. En la versión actual si inactivas, por poner un caso, el widget Quick Press no estará disponible ni para el administrador. Con eso sería perfecto del todo. Pero vamos, que es genial, y más para una versión tan temprana como la 0.5.

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Guía Windows Live Writer

]]>

Aunque hay algunos plugins, y temas, que sirven para ofrecer una versión móvil de tu sitio WordPress a usuarios de dispositivos móviles como iPhone igual tiene sentido usar una variable nativa que ya existe en WordPress para detectar este tipo de cacharritos y así prescindir de ayudas externas ¿sabías que existía esta función?, pues existe.

Así que, si te animas, es bastante fácil, solo tienes que hacer dos pasos: crear la función y añadir un poco de CSS para que se vea distinto (es lo menos ¿no?).

Vamos a ver como sería … 

1. Crear la función

Asegúrate, eso si, de que pegas la función antes del cierre de la etiqueta . Por defecto, por ejemplo, el tema TwentyEleven usa la función body_class(); en la cabecera del fichero header.php para añadir clases de manera dinámica a la etiqueta < body >, pero cada tema es distinto.

Por ejemplo, si estás viendo una página en WordPress, es un ejemplo de una clase para el cuerpo de una página o entrada sencilla, lo que te permite cambiar el estilo de ciertos elementos de tu diseño de manera dinámica usando CSS. Si tu tema no usa la etiqueta body_class(); inclúyela de este modo:

WordPress dispone de variables globales que pueden usarse para detectar navegadores, como la que aquí estamos tratando, la variable $is_iphone. Esta variable está incluida en el fichero vars.php de la instalación de WordPress, en estas líneas:

Vamos a usar esta variable junto con la clase 'body'. Para hacerlo primero escribimos esta función:

Ya tenemos hecha la función. Lo primero que hace es darle un nombre, en este caso 'detectar_iphone', para poder reconocerla entre el resto de funciones. Luego se le añade la variable 'global', nuestra ya querida $is_iphone, esto se hace así porque la variable está definida fuera de nuestra función. A continuación le decimos a WordPress que si se produce esa condición (que hay un iPhone navegando por nuestro sitio) añadamos 'iphone' a nuestra clase 'body'. Una vez lo tenemos ya podemos pegar este código de arriba antes de < / head > en nuestro tema activo, normalmente en el archivo header.php, como he comentado antes.

2. Un poco de CSS

Como ya hems creado la función ya solo nos queda crear un CSS específico para esa clase 'iphone' a la que llamamos. En la misma podemos añadir muchos elementos de estilo, como por ejemplo una etiqueta h1 distinta, algo así:

Por ejemplo, donde tengamos la clase h1 de nuestra hoja de estilos (habitualmente en el fichero style.css de nuestro tema activo) le vamos añadiendo la clase 'iphone' que adapte el diseño al dispositivo:

Y así sucesivamente, hasta que ofrezcas una versión para iPhone totalmente a tu gusto.

¿Que no te animas?, pues puedes recurrir a plugins como mobble que añade más variables o WpTouch que lo hace todo el solito.

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Guía para Administrar WordPress

]]> Si buscas una plantilla a partir de la cual desarrollar tus temas WordPress que sea HTML5, esté bien documentada y con un CSS limpio seguro que te encanta Bones. La podrás usar para no tener que escribir la base de tus temas y tener un punto de partida increíble para tus desarollos.

Sus características son las siguientes:

• 256 kb de tamaño
• Constantes actualizaciones y mejoras
• 2 hojas de estilo incluidas
• 5 funciones incluida para que te ahorres plugins (posts relacionados, navegación, etc)
• Te ahorra horas de desarrollo

Además, no es una cosa nueva que acaba de salir, ya lleva 9 versiones y creciendo. Si te animas o quieres probar Bones puedes descargarlo aquí.

Me enteré gracias a Blog perfume

]]> No me refiero a eliminarlos de la plantilla para que no puedan comentar, ni siquiera a desactivarlos desde los ajustes de WordPress, me refiero a eliminar completamente los comentarios y cualquier referencia, incluso visual, a su existencia.

Está claro, los comentarios son parte de los blogs, esencia misma de la Web 2.0, pero hay ocasiones en que - sobre todo para trabajos a clientes - en que es posible que quieras quitar cualquier atisbo de que tal cosa siquiera existe.

En este raro, pero probable, caso, Frank ha elaborado un plugin cuyo código quita toda referencia a los comentarios, vamos, que dejan de existir en tu WordPress, no verá rastro ni cita alguna a los mismos.

Solo tienes que guardar este código con el nombre que quieras, subirlo a la carpeta 'plugins' de tu instalación de WordPress, activarlo y habrás eliminado totalmente los comentarios de tu WordPress.

Lo que hace el plugin es lo siguiente:

• Cierra todos los formularios de comentarios existentes
• Quita los widgets relacionados con comentarios en el editor
• Quita todos los enlaces a la gestión de comentarios de los menús de WordPress
• Quita la columna de comentarios del Escritorio
• Quita los ajustes de comentarios

Aquí tienes unas capturas de como queda de solito y desolado WordPress sin comentarios. Ahora tu decides, igual para algún proyecto te viene bien.

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Guía Domina tu Blog