Поддержка Проблемы и решения Переделать картинки под Lightbox (увеличение)

  • Решено Asome

    (@asome)


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

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

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

    (@asome)

    Нашёл код:

    ## делает 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 (увеличение)» закрыта для новых ответов.