我正在研究一个WordPress主题,我想知道是否有一种方法可以在Magnific Popup中打开图像,这些图像由编辑器插入到帖子体上。因此,当我点击前端时,我通过TinyMCE编辑器在帖子中插入的任何图像都将在Magnific Popup上打开。
答案 0 :(得分:0)
这个问题有几种不同的方法。我在下面概述了几个。
过滤内容并应用可以使用Magnific Popup定位的HTML属性。
我们可以take a cue from this article并利用the_content
挂钩。
“the_content”过滤器用于过滤帖子的内容 从数据库中检索之后和打印之前 屏幕。
将以下内容添加到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' );
$('.entry-content').magnificPopup({
type: 'image',
delegate: '[rel="lightbox"]',
gallery: {
enabled: true
}
});
另一种选择是有选择地将CSS类分配给应该是图像库一部分的链接。
$('.entry-content').magnificPopup({
type: 'image',
delegate: '.entry-gallery',
gallery: {
enabled: true
}
});