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.
Comentarii Lasă un răspuns