Miniaturas de entrada en el feed (plugin)

Nuestros amigos de Mecus han publicado en el repositorio oficial un plugin, Post thumbnails in feed, que permite mostrar las miniaturas de imagen (imágenes destacadas) en el RSS de un WordPress.

La configuración es sencilla, solo tienes que elegir el tamaño a mostrar de miniatura (o menos), como hacíamos con el código de como poner imágenes destacadas en el feed.

Ahora ya puedes hacerlo a mano o con plugin.

Migrar ajustes SEO de un plugin a otro

¿Quien no ha probado al menos 2 o 3 plugins de SEO en WordPress?, seguro que tu también, como yo. Y no digamos cuando al final encontramos un tema que dispone de su propia página de ajustes SEO. Vamos, que en más de una ocasión nos habrá tocado migrar datos de configuración SEO de un plugin a otro, o de un tema a otro.

Esto es muy típico, yo mismo suelo recomendar usar al principio el plugin WordPress SEO de Yoast, porque el widget del editor te enseña, visualmente, el efecto de los titulares, te asesora sobre palabras claves, e incluso te muestra como se verá el “snippet” de Google de tu entrada. Pero luego prefiero recomendar que se use otro tipo de plugin más ligero, y con menos opciones, y utilizar otro del tipo Platinum SEO unido al XML Sitemaps.

El problema viene cuando tenemos que migrar esas configuraciones …

WordPress SEO y Platinum SEO, ambos ofrecen importar configuraciones de All in one SEO pack, pero no al revés, y tampoco tenemos esta posibilidad al migrar a otro plugin, o a los ajustes SEO de un tema que los traiga.

¿Opciones?, pues te daré un par de ellas como siempre:

Método manual

El más tedioso, y consiste en dejar activo el plugin anterior para ir copiando o tratando de configurar igual el nuevo plugin, con el riesgo de volver loco a Google si le da por revisar tu web justo en el proceso.

Te reconozco que lo he hecho unas cuantas veces, no es muy rápido pero tampoco tardas tanto, y no andas haciéndolo todos los días, así que es una opción válida.

El proceso es sencillo:

  1. Instalas el nuevo plugin sin desactivar el anterior
  2. Abres en una pestaña la pantalla de ajustes del viejo plugin y en otra la del nuevo
  3. Vas copiando ajustes, con cuidado de no usar los shortcodes de un plugin en los campos de ajuste del otro, porque no suelen ser los mismos

Plugin

Ahora bien, nada que ver con hacerlo con un plugin como SEO data transporter.

Nos ofrece una herramienta al estilo del importador de WordPress, pero especializada en ajustes SEO de plugins y temas. No sirve para todos pero la lista es bastante amplia:

Temas soportados

  • Builder
  • Catalyst
  • Frugal
  • Genesis
  • Headway
  • Hybrid
  • Thesis
  • WooFramework

Plugins soportados

  • All in One SEO
  • Greg’s High Performance SEO
  • Headspace2
  • Meta SEO Pack
  • Platinum SEO
  • SEO Ultimate
  • WordPress SEO

El proceso sería este:

  1. Lo instalas y activas
  2. Vas a “Herramientas -> SEO data transport”
  3. Eliges la plataforma (plugin o tema) de origen y de destino y haces clic en “Analyze” para ver que datos podrán transportar
  4. Si te convence ya haces clic en “Convert”, al final del rápido proceso te informa del éxito de la conversión

Y ahora te preguntarás ¿qué he hecho?, pues a simple vista nada, pero si instalas el nuevo plugin, o tema, soportado, la configuración ya estará ajustada pues SEO data transporter habrá creado las tablas de la base de datos que ese plugin necesita y cogerá de ahí la configuración, como si lo hubieras tenido instalado alguna vez previa.

seo transport 2 seo transport 1

Fácil ¿eh?

Ea, pues tu mismo, por opciones que no quede, y si sabes alguna más nos la cuentas.

Controlando Jetpack

Jetpack, el superplugin de Automattic ofrece muchas funcionalidades en una, como estadísticas, widget de Twitter, iconos sociales y mucho más.

Ahora bien, tiene un pequeño-gran defecto, y es que por defecto instala y, sobre todo, activa todos los módulos integrados, lo que no siempre es la situación deseable.

Si quieres controlar Jetpack, hasta que a los chicos de Automattic se les ocurra ofrecernos control manual del mismo, tienes un par de opciones:

Jetpack lite

Este plugin, creado por Samuel Aguilera, ofrece una versión ligera de Jetpack. En realidad es un sustituto del plugin oficial, pero en este caso solo ofrece las funcionalidades básicas, dejando las utilidades restantes para plugins especializados.

El hecho de crear Jetpack lite vino a raíz de su misma implantación, ya que para usuarios que solo querían el plugin estadísticas de WordPress.com vino a ser una muerte sin opciones, ya que Jetpack lo sustituyó, pero añadiendo quizás demasiados módulos adicionales.

Con Jetpack lite lo que tienes es simplemente las estadísticas y los enlaces cortos del tipo wp.me, si quieres más lo instalas por tu cuenta.

Manual control for Jetpack

Mark Jaquith, por su parte, ha creado este otro plugin que, en vez de eliminar opciones, lo que hace es añadir al Jetpack original la funcionalidad de que Jetpack no auto-active las nuevas funcionalidades que vaya incorporando, dejando al usuario la elección.

No desactiva lo ya activo, simplemente se mantiene alerta y, cuando Jetpack incorpore nuevos módulos evitará que se activen sin tu permiso.

Es una solución elegante, a la espera de que Automattic se piense el modo de activación de los módulos de Jetpack y no los active por defecto.

Escritorio WordPress adaptado para móviles

Si has visitado el escritorio de WordPress desde un dispositivo móvil, y no estoy hablando a través de las aplicaciones oficiales, sino en navegación normal, seguro que estás de acuerdo conmigo en que la experiencia deja mucho que desear, y no solo por el tamaño.

Da igual si es desde un móvil Android, o un iPhone, el escritorio de WordPress no está todo lo adaptado que nos gustaría para este tipo de navegación móvil táctil, ni de coña.

Afortunadamente hay solución.

Juiz Smart Mobile Admin es un plugin que viene a solucionar este problema,  y para ello ofrece este gran elenco de funcionalidades … que estabas esperando:

  • Traducible (en la versión actual soporta inglés y francés)
  • Puedes hacer zoom en cualquier área
  • Enlaces de salto (del pié de página al contenido, del contenido al menú)
  • Deslizamiento automático en el contenido cuando haces clic en un elemento de menú.
  • Oculta automáticamente la barra de direcciones de Safari en iOS.
  • Mejoras en la visualización de tablas
  • Soporte de la barra de Admin de WordPress

Aún no siendo una solución perfecta en la versión actual, es una estupendo sustituto del escritorio por defecto en dispositivos móviles de pantalla pequeña (en un iPad se maneja mejor el escritorio y desde WordPress 3.3 mejoró mucho con el diseño adaptativo).

juiz4 juiz3 juiz2 juiz1

Como probar temas y plugins sin romper nada

Si eres de los que siempre andan experimentando con cambios de aspecto (temas) y mejora o incorporación de funcionalidades (plugins) en tu WordPress, debes saber que puedes hacer experimentos sin romper nada, solo tienes que seguir unas sencillas indicaciones para que ni te cargues la web ni sorprendas a tus visitantes con situaciones extrañas.

Por supuesto, antes de probar plugins hay unos pasos que puedes realizar para elegir el plugin perfecto, pero si a pesar de todo quieres hacer pruebas apunta esto …

Probar temas sin que lo noten tus lectores

Seguro que te gusta cambiar de tema de vez en cuando pero, si no tienes un entorno de pruebas, puedes probar como quedará tu sitio con el nuevo diseño antes de llevarte un susto.

Instala y activa el plugin Theme test drive, que añade una nueva página de configuración donde definir que tema vas a probar, que solo verán los administradores del sitio.

Una vez activo podrás comprobar si los widgets se adaptan al nuevo diseño y, sobre todo, si hay personalizaciones en el antiguo diseño que tendrás que incorporar en el nuevo, cuestión esta que casi siempre se escapa en este tipo de cambios.

El plugin es bastante veterano así que está muy probado. No es perfecto, pues los widgets te harán cosas raras en ocasiones, pero para pruebas genéricas te valdrá de sobra. Ahora bien, mi recomendación es que uses un entorno de pruebas, en tu mismo servidor, por ejemplo en una subcarpeta de tu dominio actual.

Probar plugins sin que lo noten tus lectores

Tanto para probar nuevas funcionalidades, como si eres desarrollador y quieres experimentar, puedes probar plugins, y como afectarán a tu sitio, sin que por ello tus visitantes tengan que sufrir consecuencias de los cambios indeseados, que a veces pasa.

Para ello te puedes valer de Plugin Test Drive que, al igual que con el plugin anterior, te permite hacer pruebas sin que tus visitantes lo noten. Para ello lo único que tienes que hacer, tras instalarlo y activarlo, es probar plugins.

Puedes hacerlo desde 3 pantallas distintas:

  • La pantalla de ajustes de Plugin test drive donde, además de especificar quien verá los efectos de los plugins en prueba (que puedes definir por rol de usuario o incluso por IP). Además de este primer ajuste puedes elegir entre los plugins existente y ponerlos a prueba
  • Al instalar un nuevo plugin, pues se añade un enlace para probarlo (“Test plugin”), además de los habituales de “Activar plugin” y “Voler a la pantalla de plugins”
  • En la pantalla de plugins, donde verás un nuevo enlace para probar el plugin y, si ya hubiera alguno en pruebas, te mostrará un mensaje recordándotelo

Foro y Foros WordPress

Seguro que ya te has dado cuenta, desde que migré a Gigas hace unos días han pasado cosas raras con los Foros WordPress. No ha sido a causa del nuevo hosting, sino por cabezonería mía, pura y dura.

Y es que hace tiempo que quería migrar los viejos foros bbPress a bbPress plugin, porque en WordPress, como en cualquier software, las versiones antiguas dejan de tener soporte y actualizaciones, pero me retenía la juventud del plugin y, sobre todo, la migración del sistema independiente de foros al plugin.

Y, aprovechando la migración, me puse manos a la obra. ¿Resultado? … 

  • Los viejos foros siguen estando activos, pero tienen problemas de acceso, algo ha pasado con la base de datos en la migración, y es que bbPress ya está algo anticuado en su versión independiente
  • Los nuevos foros funcionan perfectamente, con todos los hilos, foros y mensajes perfectamente migrados, pero le faltan funcionalidades (aún) de los viejos foros como recursos de navegación por los últimos mensajes y cosas así
  • Todos los usuarios se han migrado de los viejos foros a los nuevos, aparentemente sin problemas salvo algún usuario que me ha avisado y se lo he solucionado
  • El buscador de Ayuda WordPress ahora incluye resultados tanto del blog como de los nuevos foros (gracias a Luis por avisarme)

Por si te interesa, el proceso de la migración fue el siguiente:

  1. Desactivación inicial de los viejos foros, para no perder nada en la migración
  2. Migración de bbPress independiente a bbPress plugin mediante bbConverter. Tardó muchísimas horas, ya que había que migrar 28 foros, con casi 9.000 usuarios, que contenían más de 12.000 hilos con más de 35.000 mensajes, ahí es nada
  3. Personalización de los perfiles de usuarios migrados, ya dentro de WordPress, con la ayuda de Members … y muchos clics por mi parte
  4. Integración de buscador de blog y foros mediante Search bbPress
  5. Reactivación de los viejos foros para que el contenido volviera a estar disponible aunque solo fuera en modo consulta
  6. Cambio de los enlaces de los viejos foros al nuevo foro

Por supuesto, me quedan aún muchas cosas que afinar y añadir, y es que los sistemas de foros son la cosa más complicada de migrar siempre. Pero si te parece complicado el proceso de migración de un bbPress es que no te has enfrentado a actualizaciones de Invision Power Board u otros sistemas, que siempre dan guerra. En esta migración, que era radical al pasar de sistema independiente a integrado mediante plugin, el proceso ha sido incluso mejor y más fácil de lo esperado, con diferencia.

¿Cosas que no me gustan de bbPress plugin?

  • Al insertar enlace en una entrada también te salen enlaces internos a hilos de los foros, con lo que se hace más complicado encontrar entradas relacionadas. Cosas de la integración total
  • Las traducciones no se integran bien y no hay localización para el tema adaptado
  • Si haces la integración manual de tema tienes que modificarlo prácticamente línea a línea
  • Hay que modificar bastante el tema para que se adapte bien la cosa a cada tema

¿Cosas que me gustan de bbPress plugin?

  • Ahora las actualizaciones serán coser y cantar
  • La integración automática con el tema actual funciona bastante bien si no le pides florituras
  • Integración de usuarios con WordPress total
  • Lo bien que funciona ahora el control de spam
foros wordpress foro wordpress

Ahora, mientras termino de solucionar los pequeños problemas que antes te he comentado, ya puedes visitar los nuevos foros WordPress, como siempre.

Carga las imágenes sólo al hacer scroll para acelerar WordPress

Seguro que mas de una vez te pasa, que accedes a un blog que usa muchas imágenes, como este habitualmente, y la carga de la página es lenta.

Esto es debido a que la página trata de cargar todas las imágenes disponibles, y esto hace que, aunque aún no vayas a verlas – haciendo scroll – no puedas visualizar bien la primera publicación hasta que no se carguen todas.

Quizás hayas visto que sitios como Google Imágenes usan un script que trabaja para evitar precisamente eso. Lo que hace ese script es ir cargando las imágenes a medida que haces scroll, de manera que puedas visualizar las primeras imágenes y solo se cargan las demás si de verdad quieres verlas.

Pues bien, la gente de Automattic, Techcrunch y Jake Goldman se pusieron manos a la obra y, resultado de su trabajo tenemos el plugin Lazy Load que consigue precisamente eso, que las imágenes se carguen a medida que el visitante haga scroll, cargando solo las necesarias que visualiza en su navegador y, en consecuencia, mejorando la experiencia de navegación en tu web, por velocidad de carga, por simple gestión eficaz de los recursos.

Además, que no tienes que configurar nada, lo instalas, lo activas y empieza a funcionar, usando jQuery.sonar para mostrar imágenes a medida que están en el foco de visualización del navegador del usuario. El resto de contenido, no obstante, se carga al completo, por si te quedaba la duda.

¿Ventajas?, pues todas, especialmente en blogs con mucho uso de imágenes, pues mejoras los tiempos de carga de página y eso Google es posible que te lo agradezca, y lo que es seguro es que tus visitantes te lo agradecerán.

Si quieres ver el efecto puedes comprobarlo en mi blog personal.

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!

Instagram y WordPress

A nadie se le escapa que Instagram es una auténtica revolución social. Y, es mi opinión, no es porque sea una verdadera maravilla social, sino porque para todos aquellos que no somos buenos fotógrafos ofrece un modo de compartir nuestras instantáneas del iPhone de manera rápida y con unos pequeños retoques (filtros) que embellecen cualquier foto de tres al cuarto que hagamos.

Esta revolución móvil-fotera, que lo es, también se puede integrar con WordPress, aquí tienes como hacerlo del modo más sencillo, al estilo WordPress …

  • Instagram for WordPress – Sencillo Widget para mostrar las últimas 20 fotos de tu cuenta Instagram en tu web. La única pega es que requiere PHP curl para que funcione
  • Instagram gallery widget – Mismo objetivo que el anterior pero sin requisitos y muy configurable.
  • Instagram embed – Este plugin habilita una serie de shortcode para incrustar fotos o series de tu Instagram en cualquier entrada o página de WordPress.
  • insta.SHOW – Similar al anterior, pero en este caso con un solo shortcode: [instagram] muestra un deslizador (slider) de tus fotos en Instagram.
  • Instapress – Este otro integra las funcionalidades de los anteriores (widget e incrustación en contenido) y además añade la creación de galerías desde sets de Instagram. Muy completo y fácil de usar.
  • Instagrate to WordPress – Otro de mis preferidos, que actúa al estilo Posterous. Simplemente lo configuras y la próxima vez que captures una foto desde tu iPhone a Instagram se crea automáticamente una entrada con la foto. Tienes muchas opciones para configurar títulos, estilos, etc, para que se adapte a tus necesidades de publicación. ¡Genial!

¡Ah! ¿que todavía no usas Instagram?, pues ya estás tardando. Yo casi no, pero es que yo hago buenas fotos (jeje)

bbPress plugin en español

Si ya estás usando el bbPress plugin (actualmente en la versión 2.0.2) y no se te ha instalado la traducción al español (seguro) puedes poner tus foros en español haciendo lo siguiente:

  1. Accede al Glotpress oficial de la traducción de bbPress plugin
  2. En la parte inferior de la página tienes una herramienta de exportación de la traducción (esta completa al 100%). Elige en el desplegable descargar el ‘mo‘ y haz clic en “Export
  3. Por FTP sube el fichero bbpress-plugin-es.mo a la carpeta ‘/plugins/bbpress/bbp-languages/
  4. Si no se activa la traducción prueba a añadir esta línea al fichero wp-config.php de tu WordPress:
    define('BBLANG', 'es_ES');

Opcional: Si no te apañas con la descarga desde el sitio oficial aquí tienes un zip con los ficheros .po y .mo de la traducción. Descárgalo, descomprime el zip y sigue las instrucciones anteriores desde el punto 3, recordando que solo es necesario el fichero .mo, el .po es por si quieres hacer tu traducción personalizada.

zip Traducción bbPress plugin 2.0.2 al español v.2.0.2 (62.53 kB )

Esta es una solución temporal para instalaciones ya activas. Esperamos que en la próxima actualización del plugin ya se vayan incorporando los archivos de traducción desde el Glogpress oficial, con lo que te evitarás todos estos pasos, solo con actualizar ya tendrás bbPress en español.