Хотите узнать, как использовать элементы figure и caption в HTML5? Хотя можно найти плагин для этого, мы подготовили простой код, который позволит вам добавить эти элементы в HTML5 для WordPress.
Инструкция:
Добавьте этот код в файл functions.php вашей темы или в отдельный плагин для сайта:
function example_figure_caption($html, $id, $caption, $title, $align, $url) { $html5 = ; $html5.=; if ($caption) { $html5.= $caption; } $html5.= ; return $html5; } add_filter('image_send_to_editor', 'example_figure_caption', 10, 9);
Этот код автоматически преобразует изображения в постах WordPress в структуру figure с добавлением описания изображения с помощью figcaption, если оно задано. Такой подход улучшает семантику страницы и делает контент более доступным для поисковых систем и пользователей с ограниченными возможностями.
Преимущества использования figure и figcaption:
- SEO: Поисковые системы лучше понимают, что изображение связано с конкретным текстом.
- Доступность: Пользователи с нарушениями зрения, использующие скринридеры, получат дополнительную информацию благодаря элементу figcaption.
- Эстетика: Фигуры и подписи могут быть стилизованы с помощью CSS, что улучшает внешний вид сайта.
Примечание: Если вы впервые добавляете код в WordPress, ознакомьтесь с нашим руководством по безопасному добавлению фрагментов кода, чтобы не нарушить работу сайта.
Если вам понравился этот пример, обратите внимание на другие наши статьи, такие как: 10 лучших плагинов для отзывов в WordPress и Как настроить отслеживание авторов в WordPress с Google Analytics.