martes, 8 de mayo de 2012

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Eliminar los atributos de ancho y alto del cargador de archivos WordPress

Posted: 08 May 2012 12:15 PM PDT

Pensarás que es una chorrada pero no, no es ninguna tontería, y te lo voy a explicar … si es que quieres estar al día claro. Si eres de los antiguos y no quieres progresar pasa de esta entrada.

Como ya sabrás, al insertar una imagen desde el cargador de archivos en el editor de WordPress se añaden automáticamente los atributos HTML width y height que indican el tamaño en el que se mostrará la imagen en tu tema activo, para eso, para que se adapte al ancho del tema y no quede horrible, pero esto ya lo sabías ¿no?.

Pues bien, esto ya es cosa antigua …

Con los nuevos diseños adaptables (o como se les denomina en inglés “responsive“), que se adaptan al navegador e incluso dispositivo desde el que se está visualizando una web, no tiene sentido definir atributos fijos de ancho y alto de imágenes, pues el tema se adaptará, como todos los elementos del contenido, al tamaño del dispositivo lector, sea este un ordenador, un smartphone o un iPad, mola ¿eh?.

¿Entiendes ya porque es posible que sea interesante eliminar – por defecto – los atributos width y height que el cargador de archivos inserta en el editor?. Pues eso, que si usas un tema con diseño adaptable no necesitas algo como esto:

<img src="ruta/a/tu/imagen" width="500" height="600" class="aligncenter size-full" alt="" title="">

Para eliminar por defecto los atributos que te sobrarán en un diseño adaptable sólo tienes que añadir el siguiente código al archivo functions.php de tu tema:

add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 );  add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 );    function remove_width_attribute( $html ) {      $html = preg_replace( '/(width|height)=\"\d*\"\s/', "", $html );      return $html;  }

Guardas y ya está. La próxima vez que insertes una imagen en tu editor ya no añadirá los atributos width y height, que de eso ya se ocupará tu tema adaptable (o “responsive“, como prefieras llamarlo)

Establecer varias imágenes destacadas a la vez

Posted: 07 May 2012 11:42 AM PDT

A mi me pasó, así que ¿por qué no te ha podido pasar a ti?. Me refiero a que la utilidad de mostrar imágenes destacadas, la función post-thumbnails disponible desde WordPress 2.9 está muy bien pero si tu tema anterior no las soportaba o no las usabas ¿a que es un coñazo añadir imágenes destacadas una a una a las viejas entradas?.

Pues la solución es sencilla … 

En vez de ir editando cada entrada y definiendo una imagen destacada para cada una ¡por fin vas a sacar utilidad a la pantalla de la librería multimedia!, si, esa pantalla, la gran desconocida, casi inútil la mayor parte del tiempo.

Lo primero que tienes que hacer es instalar y activar este plugin, luego te pasas por la Librería Multimedia y, bajo cada imagen, tendrás un nuevo enlace para usarla como destacada para la entrada a la que está asociada (en la que se adjuntó).

Así de sencillo, rápido y efectivo. Vamos, como todo en WordPress.

No hay comentarios:

Publicar un comentario

Seguidores

Archivo del blog