首页 > CMS应用 > 正文
wordpress图片自动链接到原图并增加额外样式

WordPress日志中插入图片附件显示设置中有四种选择分别是:自定义URL、媒体文件、附件页面和无,一般我们选择第二种链接到媒体文件,只有这样一些图片暗箱放大特效才能启用,但很多童鞋对WP基本功能不是很熟习,插入图片时根本就不知道去选择显示方式,当发现无法启用图片暗箱放大特效后,为时已晚,重新编辑文章不仅工作量大而且很麻烦,这里提供一个补救的方法。

方法一:将以下代码添加至当前主题的functions.php文件,注意php起始:

//图片自动链接到原图、增加额外样式
function pirobox_auto($content) {
    global $post;
    $pattern = "/<a(.*?)href=('|\")([A-Za-z0-9\/_\.\~\:-]*?)(\.bmp|\.gif|\.jpg|\.jpeg|\.png)('|\")([^\>]*?)>/i";
    $replacement = '<a$1href=$2$3$4$5$6 class="cboxElement" rel="example_group"'.$post->ID.'>';
    $content = preg_replace($pattern, $replacement, $content);
    return $content;
}
add_filter('the_content', 'pirobox_auto', 0);

其中 class=”cboxElement” rel=”example_group” ,你可以随意替换成你所需要的样式。
弊端:必须文章里的图片是有链接的,不然替换不到。

方法二:利用jquery自动给图片添加url,请确保你的主题已经加载了jquery.js库文件

<script type="text/javascript"> 
$(function() { 
 $('.entry img').each(function(i){ 
 if (! this.parentNode.href) { 
 $(this).wrap("<a href='"+this.src+"' class='highslide-image' onclick='return hs.expand(this);'></a>"); 
 } 
 }); 
}); 
</script> 
 

文章评论

共有 1 条评论

  1. 90后萝莉

    不太了解这个的,觉得不错

Top