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

Question

[tosster22]

Как добавить атрибут data ко всем Wordpress картинкам? Реализую lazy-loading, но в wordpress атрибут dataпо умолчанию не установлен у картинок

Answer 1

[Eugene 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' );

Comments

[tosster22]

не совсем могу понять что делать. Нужно сделать так, чтобы к картинке добавлялся атрибут date, который содержит в себе ссылку на изображение

[Eugene Chefranov]

tosster22, ну наверно так будет

function custom_attr_to_img($html, $id, $caption, $title, $align, $url, $size, $alt) {
  $html = sprintf('<a href="#" data-lazy="'. esc_attr(esc_url($url)).'"><img alt="%2$s" src="%1$s" /></a>', esc_attr(esc_url($url)), esc_attr($title));

  return $html;
}

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

[tosster22]

Eugene Chefranov, к сожалению нет))

[Eugene Chefranov]

tosster22, какие ошибки?

[tosster22]

Eugene Chefranov, ошибок нет. просто не добавляется атрибут

[Eugene Chefranov]

tosster22, поменяйте фильтр на
add_filter( 'the_content', 'custom_attr_to_img');