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

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

葱子7年前 (2017-05-27)网站运营2821

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

这个体验非常的不好。

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

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

问题分析:

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

相关文章

wordpress博客被人扫描登陆wp-login.php的解决办法

wordpress博客老是被人扫描后台登陆地址,虽然一时半会不会带来什么大的问题,但是总感觉有人在后面搞你,这个感觉非常不好。 今天在百度中搜索了下解决办法,整理如下: 更改主题函数functions.php文件...

小云APP 修改Android包名(packagname)教程!

小云APP 修改Android包名(packagname)教程!

修改包名 (packagname) 将会导致:客户端的分享、支付、第三方登录、应用市场更新 等功能出现问题。如非新建应用,绝不推荐使用该功能。 修改包名要用到证书(keystore),制作证书的方法有很多,下面介绍我所知...

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

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

windows server2008中用IIS7.0实现http全站301跳转到https

windows server2008中用IIS7.0实现http全站301跳转到https

在前面一篇文章中,我们讲到了如何为网站开启https访问。 但是,有个问题就是,他是同时支持http和https访问的。 现在,我们需要访问网站时默认跳转到https,要怎么办呢? 为...

网站换模板影响收录排名吗

在站长论坛看到有人问网站换模板会不会影响收录排名的问题,很多没有回答到点子上。 会不会影响收录排名:会。 为什么会影响:不建议频繁更新网站前端模板,因为搜索引擎抓取的内容就是你前端网页所呈现的内容。你的网站模板一直未变化,对于搜索引擎来...

windows server2008中为IIS7开启https的TLS1_2协议

windows server2008中为IIS7开启https的TLS1_2协议

我们在IIS7上配置了SSL证书后,使用ATS检测,发现服务器不支持TLS1_2协议。 经查询发现,在IIS7中TLS1_2协议是默认关闭的。 所以我们需要对IIS做下设置,来开启...

发表评论

访客

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