Переделать картинки под Lightbox (увеличение)

  • Решено Asome

    (@asome)


    4 года, 7 месяцев назад

    Здравствуйте!
    Как сделать, чтобы все картинки на сайте могли открываться с помощью Lightbox?

    Раньше можно было поставить настройках «Медиафайл», и тогда картинка при наведении увеличивалась, но с появлением Gutenberg эта функция куда-то пропала – либо я её не могу найти.

Просмотр 1 ответа (всего 1)
  • Автор Asome

    (@asome)

    4 года, 7 месяцев назад

    Нашёл код:

    ## делает IMG тег анкором ссылки на картинку указанную в этом теге, чтобы её можно было увеличить и посмотреть.
add_filter( 'the_content', function( $content ){

  // пропускаем если в тексте нет картинок вообще...
  if( false === strpos( $content, '<img ') )
	return $content;

  if( ! is_main_query() || ! in_array( $GLOBALS['post']->post_type, ['post'] ) )
	return $content;

  $img_ex = '<img[^>]*src *= *["\']([^\'"]+)["\'][^>]*>';
  $content = preg_replace_callback( "~(?:<a[^>]+>\s*)$img_ex|($img_ex)~", function($mm){
	// пропускаем, если картинка уже со ссылкой
	if( empty($mm[2]) )
	  return $mm[0];

	return '<a href="'. $mm[3] .'">'. $mm[2] .'</a>';
  }, $content );

  return $content;
}, 5 );

    Источник

Просмотр 1 ответа (всего 1)
  • Тема «Переделать картинки под Lightbox (увеличение)» закрыта для новых ответов.