WordPress

Como usar figure nos posts do WordPress

Por padrão, o WordPress não usa a tag figure do HTML 5 nas imagens. Mas, sim, a coloca envolta de uma tag <p> para imagens alinhadas ou <div> para imagens não alinhadas.

Se você quer é fixado por semântica no HTML, o primeiro passo para inserir este comportamento é declarar que seu tema possui suporte a HTML5. Para fazer isso, basta adicionar a seguinte linha ao seu código (claro, certifique-se que seu tema realmente possui tal suporte):

add_theme_support( 'html5', array( 'gallery', 'caption' ) );

Se quiser, ainda é possível passar mais alguns parâmetros para definir onde o HTML5 deve ser implementado:

add_theme_support( 'html5', array( 'comment-list', 'comment-form', 'search-form', 'gallery', 'caption' ) );

Pronto! Assim, o WordPress já irá inserir a tag figure no container das imagens com legenda, mas não irá inserir naquelas que não possuem legenda. Isto é um problema. Para resolver isso, utilize o seguinte snippet no functions do seu tema:

No entanto, isto irá afetar apenas novos posts do seu site. Para adicionar nos mais antigos, utilize o seguinte código: