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 Gallery中的图像时它显示“图像无法加载”，因为它显然有不同的HTML标记。有没有人找到一种方法来使用Wordpress Galleries？感谢。

Answer 1

如果图像链接到“图像文件”，这样的东西应该有用。把它放在一个javascript文件中，并在jQuery准备就绪后将文件排入队列。

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

Wordpress画廊的Magnific Popup

1 个答案: