WordPress:给页面中的图片链接加入特定的class

wordpress主题的制作和修改中,常常会碰到要给图片制作各种效果,如:图片暗箱效果、幻灯片效果等。加入必要的JS和代码后,还需要给主循环输出的文章图片加入特定的属性,如加入class属性或者是rel属性等,可以采用下面的方法:

在主题文件 functions.php 中加入如下代码

//fancybox 自动对图片链接添加属性

add_filter('the_content', 'fancybox_gall_replace');

function fancybox_gall_replace ($content)

{ global $post;

$pattern = "/<a(.*?)href=('|\")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|\")(.*?)>(.*?)<\/a>/i";

$replacement = '<a$1href=$2$3.$4$5 class="fancybox"$6>$7</a>';

$content = preg_replace($pattern, $replacement, $content);

return $content;

}

这段代码主要意思的就是在带有链接的图片自动添加 class=”fancybox”; 属性。

依据此代码,可以扩展到添加其他属性。


将此文分享到:


转载请注明来自风腾网-wordpress企业主题,本文地址:http://fengten.com/2187.html
除非注明,风腾网-wordpress企业主题文章均为原创,转载请注明出处和链接!
友荐云推荐

相关文章

4 条评论

*

*

顶部 友荐云推荐