当前位置:首页 > 网站运营 > 正文内容

为wordpress文章图片添加原图链接和图片放大效果

葱子8年前 (2017-05-27)网站运营3095

今天接到用户反馈,葱子的博客文章,点击图片无法查看大图,只能右键新窗口打开看。

这个体验非常的不好。

所以,我今天搜集了下方案,实现了文章页中点击图片放大的效果。

你可以点击下面这张图片试下效果:

问题分析:

1、如何实现点击图片放大的效果?

解决方案:

1、安装wp的插件Auto Highslide,点击下载

插件安装好后,就实现了图片点击放大的效果。

接着又出现新的问题了。

这个点击放大效果需要文章图片本身链接到源文件,很多以往的旧文章里面的图片没有链接到源文件,一个个的修改起来非常的麻烦。

怎么办?

找到了解决办法:

添加下面的JS代码到当前主题header.php模版文件中的<head>标签下方:

<script src="https://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>

<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>

该脚本会检查文章中的图片是否包含了链接,如果没有,会自动为图片添加链接到原图。

修改其中的 .entry 为你主题正文的CSS类。

重点部分我已经标红了,怎么去寻找这个.entry呢?

打开你博客任一篇文章,右键查看源代码:搜索“article”,找到类似的红框中的信息,替换entry即可

扫描二维码推送至手机访问。

版权声明:本文由葱子博客发布,如需转载请注明出处。

本文链接:https://www.aitiancheng.com/article-753.html

相关文章

网站被镜像怎么办:几招教你轻松应对

网站被镜像怎么办:几招教你轻松应对

最近有个客户的网站被黄赌毒网站做了镜像。 我收集了这些镜像网站的IP地址,通过在服务器端禁止他们访问的形式来阻止客户网站被镜像。 主要步骤如下: 一、收集镜像网站IP地址:...

nginx下使用rewrite使http跳转到https的方法(301重定向)

nginx下使用rewrite使http跳转到https的方法(301重定向)

  首先,你得先把https配置好 Nginx下配置网站SSL实现https访问(虚拟主机) 然后在nginx文件夹下找到对应的虚拟主机配置文件,路径为:www/wdlinux/nginx/conf/vhost&...

windows server2008中使用IIS7.0实现禁止特定IP和域名访问网站

windows server2008中使用IIS7.0实现禁止特定IP和域名访问网站

在什么情况下我们要禁止别人访问我们的网站? 有人恶意复制我们的网站内容,有人恶意镜像我们的网站,等等。。。。 这个时候我们需要禁止这些感受到了世界的恶意IP的访问。 在IIS7.0中可以使用”I...

记录分析我的discuz网站被挂马,快照被劫持的解决过程

就在前几天,我心血来潮检查了下的古玩论坛网站的收录情况,突然发现在各大搜索引擎里面的快照都变成违规信息了。根据我以往的经验,很快判断出是被挂马劫持了快照。 我在之前的文章中给大家讲过挂马后的一些表现,比如在搜索引擎中收录的链接标题都变成了...

【论开启https的重要性】玩大了:当地运营商http劫持了国字号app

【论开启https的重要性】玩大了:当地运营商http劫持了国字号app

近日,某国字号App遭遇流量劫持的传闻在业界流传。有消息称,该App某H5页面被植入色情内容广告,初步判断为遭遇地方运营商流量劫持所致. 其实现在网上有很多网站,以「运营商精准广告」的名义,公开贩卖流...

【源码分享】网贷是否上征信查询系统免费下载

【源码分享】网贷是否上征信查询系统免费下载

这套源码是基于12391.net网站提供的“PHP+excel多用途查询系统 ”优化而来,版权归原作者所有。 这套源码是小贷社独家优化过的,在这之前一直是小贷社独家使用。现在免费分享给大家。   主要特点:...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。