Autonomía digital y tecnológica

Código e ideas para una internet distribuida

Cómo modificar el shortcode caption de WordPress para adaptarlo a HTML5 y hacerlo más responsive

Imago voragine.net
[actualizado el ]

El shortcode caption es el que usamos, aún sin darnos cuenta, para introducir imágenes con pie de foto en el contenido de un post o página.

Aunque dispone de algunos parámetros que nos permiten configurar mínimamente el estilo, la salida que genera no cuenta con las marcas semánticas para imágenes de HTML5. Además el shortcode define un ancho absoluto para la imagen, haciendo que el código no sea responsive.

Modificando el shortcode con una función que podemos incluir en un plugin o en el archivo functions.php del theme, podemos añadir estas dos características al caption:

El snippet lo encontré en el blog de Pixels & Code.

2 comentarios

    • Por John Sanabria •

    Genial pero lo probé en la versión 4.6.1 de WordPress a través del archivo functions y no parece tener efecto. Sabes si dejó de funcionar en algún momento?

    1. Hola John,

      en la explicación faltaba el filtro para que la función que hemos creado se aplique en la generación del caption: lo he añadido al final del bloque de código.

Dejar un comentario

*
*

 

No hay trackbacks