@tosster22

Как добавить атрибут data к изображениям в Wordpress?

Как добавить атрибут data ко всем Wordpress картинкам? Реализую lazy-loading, но в wordpress атрибут dataпо умолчанию не установлен у картинок
  • Вопрос задан
  • 312 просмотров
Пригласить эксперта
Ответы на вопрос 1
Chefranov
@Chefranov
Новичок
function filter_image_send_to_editor($html, $id, $caption, $title, $align, $url, $size, $alt) {
  $html = sprintf('<a href="#" data-rel="lightbox-0"><img alt="%2$s" src="%1$s" /></a>', esc_attr(esc_url($url)), esc_attr($title));

  return $html;
}

add_filter('image_send_to_editor', 'filter_image_send_to_editor', 10, 8);


Это пример для lightbox, подправьте для себя

Еще можно так, на примере fancy box
function ccd_fancybox_image_attribute( $content ) {
       global $post;
       $pattern = "/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
       $replace = '<a$1href=$2$3.$4$5 data-type="image" data-fancybox="image">';
       $content = preg_replace( $pattern, $replace, $content );
       return $content;
}
add_filter( 'the_content', 'ccd_fancybox_image_attribute' );
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы