Cómo usar los elementos Figure y Caption de HTML5 en WordPress

¿Está buscando una forma de usar los elementos figure y caption de HTML5? Si bien probablemente exista un plugin para esto, hemos creado un fragmento de código rápido que puede usar para agregar elementos figure y caption de HTML5 en WordPress.

Instrucciones:

Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a un plugin específico del sitio:

function example_figure_caption($html, $id, $caption, $title, $align, $url) {
  $html5 = "<figure id='post-$id media-$id' class='align-$align'>";
  $html5 .= "<img src='$url' alt='$title' />";
  if ($caption) {
    $html5 .= "<figcaption>$caption</figcaption>";
  }
  $html5 .= "</figure>";
  return $html5;
}
add_filter( 'image_send_to_editor', 'example_figure_caption', 10, 9 );

Un ejemplo de elementos figure y caption de HTML5.

<figure>
   <img src="/picture.jpg" alt="some sample picture">
<figcaption>Cool sample picture of something interesting. Original by <a href="http://wpsnipp.com">Kevin Chard</a></figcaption>
<figure>

Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.

Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: los 10 mejores plugins de testimonios de WordPress y cómo configurar el seguimiento de autores en WordPress con Google Analytics.