Использование элементов Figure и Caption в HTML5 в WordPress

Snippets

Хотите узнать, как использовать элементы figure и caption в HTML5? Хотя можно найти плагин для этого, мы подготовили простой код, который позволит вам добавить эти элементы в HTML5 для WordPress.

Инструкция:

Добавьте этот код в файл functions.php вашей темы или в отдельный плагин для сайта:

function example_figure_caption($html, $id, $caption, $title, $align, $url) {
$html5 = ;
$html5.= $title;
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.

Читайте также:  Плагины для WordPress для улучшения соблюдения GDPR

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *