Cómo utilizar elementos de figura y pie de ilustración HTML5 en WordPress

¿Estás buscando una forma de utilizar elementos de figuras y pies de foto HTML5? Aunque probablemente exista un plugin para ello, hemos creado un fragmento de código rápido que puedes utilizar para añadir elementos de figura y pie de ilustración HTML5 en WordPress.

Instrucciones:

Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en 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 de figura y pie de foto en 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 añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo añadir correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si te ha gustado este fragmento de código, por favor, considere revisar nuestros otros artículos en el sitio como: 10 mejores plugins de testimonios para WordPress y cómo configurar el seguimiento de autores en WordPress con Google Analytics.