Cum să utilizați elementele HTML5 Figure și Caption în WordPress

Căutați o modalitate de a utiliza elementele HTML5 figure și caption? Deși probabil există un plugin pentru asta, am creat o scurtă secțiune de cod pe care o puteți utiliza pentru a adăuga elemente HTML5 figure și caption în WordPress.

Instrucțiuni:

Tot ce trebuie să faceți este să adăugați acest cod în fișierul functions.php al temei dvs. sau într-un plugin specific site-ului:

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 exemplu de elemente HTML5 figure și caption.

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

Notă: Dacă aceasta este prima dată când adăugați fragmente de cod în WordPress, consultați ghidul nostru despre cum să adăugați corect fragmente de cod în WordPress, pentru a nu vă defecta accidental site-ul.

Dacă v-a plăcut această secțiune de cod, vă rugăm să luați în considerare vizionarea celorlalte articole de pe site, cum ar fi: cele mai bune 10 pluginuri pentru testimoniale WordPress și cum să configurați urmărirea autorilor în WordPress cu Google Analytics.