如何为WordPress内容图片链接添加默认的属性

2018/08/03

写这篇WordPress文章,这个标题取的很拗口。看上去好像不知道什么意思。其实这里有一个应用场景,比如我在写文章时插入一张图片,希望这张图片可以点击放大,就是灯箱效果。

如果手动添加属性如加个rel,也不难,只不过也经过两道程序。先是插入一个张图片,链接选择媒体文件:

然后编辑图片:

rel加入属性:prettyPhoto。(这里假设您的网站支持prettyPhoto灯箱效果)

显然,对于专心写作的我们来说,比价麻烦。这里我提供了一个自动插入rel的方法。通过这个方法您只需插入图片,其他就不用管了。就是在WordPress主题的functions.php里面加入下面代码即可:

add_filter(‘the_content’, ‘dj_addlightboxrel’);
function dj_addlightboxrel($content) {
global $post;
$pattern =”/<a(.*?)href=(‘|\”)(.*?).(bmp|gif|jpeg|jpg|png)(‘|\”)(.*?)>/i”;
$replacement = ‘<a$1href=$2$3.$4$5 rel=”prettyPhoto”  title=”‘.$post->post_title.'”$6>’;
$content = preg_replace($pattern, $replacement, $content);
return $content;
}

这段代码您可以很好的发挥发挥。比如您可以自动加入class,只需修改:

$replacement = ‘<a$1href=$2$3.$4$5 rel=”prettyPhoto” class=”prettyopen” title=”‘.$post->post_title.'”$6>’;

这段代码可以自动加入标题title,在灯箱打开时,标题可以展示,用户体验比较好。

链接支持bmp|gif|jpeg|jpg|png格式,根据需要自己可以增减。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注