Optimizar vídeo para web con Handbrake

El formato de vídeo para web más universal es el mp4. Para exportar un mp4 comprimido y optimizado para web os recomendamos Handbrake, un programa gratuito para Mac.

HandBrake soporta múltiples formatos de vídeo. Para exportar un vídeo a mp4 optimizado para web hay que hacer click en Source, abrir el vídeo en cuestión y marcar las siguientes opciones:

handbrake-mp4-video-web-optimized

 

Cómo refrescar la imagen que se comparte en Facebook con Opengraph Debugger

¿Has cambiado la imagen de compartición de un post y el cambio no se ve reflejado en Facebook al compartirlo? Facebook tiene un cache interno bastante letal que guarda en memoria todas las páginas que han sido compartidas anteriormente. Para obligar a Facebook a refrescar la información de tu URL de este cache tienes que utilizar la herramienta Facebook Opengraph Debugger.

En la herramienta hay que insertar la URL que quieres refrescar del cache de Facebook. Al darle a Depuración te aparecerá la información que hay actualmente en Facebook sobre dicha URL.

depuracion-facebook-opengraph-debuggerPara refrescarla, tienes que hacer click en Scrap Again. A veces es necesario darle al botón más de una vez para que se refresque todo correctamente.

scrap-again-facebook-opengraph-debugger

 

Cómo reemplazar una imagen de la librería multimedia con Enable Media Replace

La única forma de reemplazar una imagen de la librería multimedia de WordPress es eliminarla y volverla a subir en Medios o en el post dónde esté adjuntada. Con el plugin Enable Media Replace esta tarea se hace mucho más fácil.

Después de instalar el plugin aparecerá una nueva opción al editar una imagen que permite reemplazar la imagen directamente en el servidor.

enable-media-replace-wordpress-plugin-option

Hay dos formas de hacer la sustitución:

  1. Sustituir el fichero manteniendo el nombre y la URL actuales. Esta opción requiere la carga un archivo del mismo tipo que el que va a sustituir. El nombre del archivo adjunto será el mismo que el del archivo actual. Es la opción más rápida de proceder.
  2. Sustituir el fichero y reemplazar el nombre y URL actuales. Al subir el fichero todos los enlaces que apuntan al archivo actual se actualizará para que apunte al nuevo nombre de archivo.

enable-media-replace-wordpress-plugin-options

Cursor con imagen .cur en Internet Explorer

Cada vez es más habitual poner imágenes como cursor. Este recurso en los principales navegadores funciona con imágenes de cualquier tipo, incluso con formato vectorial SVG. Sin embargo, en Internet Explorer es necesario convertir la imagen a formato .cur.

Para convertir a .cur hay muchas herramientas gratuitas y online que no funcionan correctamente. Hasta el momento la única herramienta que me ha funcionado es la aplicación de pago Axialis IconWorkshop.

Con Axialis IconWorkshop es posible importar un PNG y exportarlo a formato de icono .ico para Windows. Luego, es recomendable cambiar la extensión .ico a .cur, que es la que oficialmente está permitida para Internet Explorer.

Una vez generado el .cur, es necesario llamar a la imagen mediante su ruta absoluta y nunca mediante su ruta relativa (otro gran defecto de Explorer). Es decir, en vez de llamar a la imagen así:

.elemento { cursor: url(img/cursor.cur); }

Tenemos que hacerlo así:

.elemento { cursor: url(http://dominio.com/img/cursor.cur); }

Esto pasa en todas las versiones de Internet Explorer hasta la fecha (incluido Explorer 11).

 

Traducir el contenido con WPML de forma rápida

WPML permite traducir el contenido de dos formas: duplicándolo o añadiendo la traducción desde cero.

Si añades la traducción desde cero tendrás que escribirlo todo de nuevo, sin ninguna referencia del contenido del idioma original.

La forma más rápida de traducir un contenido es duplicándolo en todos los idiomas y luego traducirlo encima del contenido del idioma original. Los pasos a seguir son los siguientes:

  1. Marcamos para duplicar las versiones del contenido en los distintos idiomas y pulsamos el botón Duplicar.duplicar-contenido-wpml-wordpress
  2. Las versiones ya están creadas, ahora pueden editarse cada una haciendo click en el lápiz:contenido-duplicado-editable-wpml-wordpress
  3. Al entrar en una traducción te saldrá un mensaje que dice que las traducciones están sincronizadas. Si necesitas editar el contenido en los idiomas secundarios, es necesario hacer click a el botón Traducir de forma independiente. De lo contrario, el contenido se mantendrá sincronizado entre los idiomas, de tal forma que si haces un cambio en la versión original, este cambio se verá también repercutido en los otros idiomas.

wpml-sincronizar-manera-independiente

Subir archivos de tipo SVG a WordPress

WordPress tiene restringida la subida de ficheros de formatos determinados. Uno de ellos es el SVG, cada vez más usado en el mundo web. Para poder subir ficheros SVG en WordPress, es necesario añadir este filtro en functions.php.

function llos_mime_types($mimes) {
 $mimes['svg'] = 'image/svg+xml';
 return $mimes;
}
add_filter('upload_mimes', 'llos_mime_types');

Error 500 con AJAX Thumbnail Rebuild, imposible regenerar las imágenes

Si la librería de tu WordPress pesa mucho, es posible que AJAX Thumbnail Rebuild no te permite regenerar las imágenes por falta de memoria de tu hosting. Mi servidor tiene un límite de 256MB de memoria, y en este caso la página web tiene unas 7.000 imágenes.

Para solventar el problema he sustituido la función del fichero php del plugin:

$attachments =& get_children( array(
'post_type' => 'attachment',
'post_mime_type' => 'image',
'numberposts' => -1,
'post_status' => null,
'post_parent' => null, // any parent
'output' => 'object',
) );

Por esta función que consume menos recursos y me ha permitido lanzar la opción de regenerar sin problemas.

$attachments = $wpdb->get_results("SELECT id, post_title FROM {$wpdb->posts} WHERE post_type='attachment' AND post_mime_type LIKE 'image%'");

AJAX Thumbnail Rebuild

AJAX Thumbnail Rebuild te permite regenerar de forma masiva las miniaturas de las imágenes tu página web. Esto te será útil si necesitas generar nuevos tamaños de imagen de las imágenes de tu librería multimedia por cambios posteriores en el diseño de tu web.

Hay otros plugins que permiten hacer lo mismo, como el popular Regenerate Thumbnails, pero AJAX Thumbnail Rebuild es el único que permite elegir regenerar solamente imágenes destacadas o tamaños de imagen específicos. Opciones muy útiles en webs con una gran cantidad de imágenes.

Term Management Tools

Si necesitas reorganizar sus tags y categorías de forma masiva la tarea se te hará mucho más fácil gracias a Term Management Tools. Este plugin añade nuevas opciones en los menús desplegables de la pagina de edición de taxonomía:

  • Fusionar – combinar dos o más términos en uno
  • Establecer padres – establecer el padre de uno o más términos (para taxonomías jerárquicas)
  • Cambio de taxonomía – convierte términos de una taxonomía a otra de forma fácil y masiva

Term Management Tools  funciona con tags, categorías y taxonomías personalizadas.