Como usar elementos de figura e legenda HTML5 no WordPress

Você está procurando uma maneira de usar elementos de figura e legenda em HTML5? Embora provavelmente exista um plug-in para isso, criamos um trecho de código rápido que você pode usar para adicionar elementos de figura e legenda em HTML5 no WordPress.Instruções:

Tudo o que você precisa fazer é adicionar este código ao arquivo functions.php do seu tema ou em um plug-in específico do site:

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 );

Um exemplo de elementos de figura e legenda em 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>

Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como adicionar corretamente trechos de código no WordPress, para que você não quebre seu site acidentalmente.

Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: 10 melhores plug-ins de testemunho do WordPress e como configurar o rastreamento de autores no WordPress com o Google Analytics.