Magnific Popup с Wordpress Галерея

Question

Я строем темы Wordpress, и я хочу, чтобы добавить Magnific Popup - dimsemenov.com/plugins/magnific-popup/

мне удалось получить его работу с отдельными изображениями с помощью следующего кода мой файл functions.php:

/** 
* Add title back to images 
*/ 
function pexeto_add_title_to_attachment($markup, $id){ 
    $att = get_post($id); 
    return str_replace('<a ', '<a title="'.$att->post_title.'" ', $markup); 
} 
add_filter('wp_get_attachment_link', 'pexeto_add_title_to_attachment', 10, 5); 

add_action('wp_enqueue_scripts', 'enqueue_magnificpopup_styles'); 
function enqueue_magnificpopup_styles() { 
    wp_register_style('magnific_popup_style', get_stylesheet_directory_uri().'/js/magnific-popup.css', array('style.css')); 
    wp_enqueue_style('magnific_popup_style'); 
} 

add_action('wp_enqueue_scripts', 'enqueue_magnificpopup_scripts'); 
function enqueue_magnificpopup_scripts() { 
    wp_register_script('magnific_popup_script', get_stylesheet_directory_uri().'/js/jquery.magnific-popup.min.js', array('jquery')); 
    wp_enqueue_script('magnific_popup_script'); 
    wp_register_script('magnific_init_script', get_stylesheet_directory_uri().'/js/jquery.magnific-popup-init.js', array('jquery')); 
    wp_enqueue_script('magnific_init_script'); 
} 

Однако это говорит: «изображение не может быть загружено», когда я нажимаю изображение в галерее Wordpress, как это, очевидно, имеет различную HTML-разметку. Кто-нибудь нашел способ сделать эту работу с галереями Wordpress? Благодарю.

Answer 1

Нечто подобное должно работать, если изображения связаны с «файлом изображения». Поместите это в файл javascript и вставьте файл в файл после jQuery.

jQuery(document).ready(function($) { 
     $(".gallery-icon a").magnificPopup(); 
    });