这个问题有几种不同的解决方法。我在下面概述了几个。

选项1

过滤内容并应用可通过Magnific Popup作为目标的HTML属性。

我们可以 take a cue from this article 和杠杆 the_content 钩

“The_content”过滤器用于过滤帖子的内容 从数据库中检索后,打印到 屏幕。

函数.php

将以下内容添加到 functions.php .

function prefix_content_gallery( $content ) {
    global $post;

    $pattern     = "/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
    $replacement = '<a$1href=$2$3.$4$5 rel="lightbox" title="'.$post->post_title.'"$6>';
    $content     = preg_replace( $pattern, $replacement, $content );

    return $content;
}
add_filter( 'the_content', 'prefix_content_gallery' );

JS语言

$('.entry-content').magnificPopup({
    type: 'image',
    delegate: '[rel="lightbox"]',
    gallery: {
        enabled: true
    }
});

View Example

选项2

另一种选择是有选择地将CSS类分配给应该是图像库一部分的链接。

1. 添加要发布的媒体,并在“附件显示设置”下将“链接到”设置为“媒体文件”。

2. 将图像插入帖子后编辑该图像。

3. 向包装图像的链接添加CSS类。

JS语言

$('.entry-content').magnificPopup({
    type: 'image',
    delegate: '.entry-gallery',
    gallery: {
        enabled: true
    }
});

View Example