企盟仿站网承接各CMS仿站业务,诚邀您的合作!企盟

仿站

网为你提供:DEDECMS仿站WORDPRESS仿站网站改版、网站兼容等服务,欢迎您的访问!

历经12年风雨兼程,企盟仿站网与25家网络公司合作为3200余客户提供了优质的服务,设计DEDECMS模板、WORDPRESS模板、DESTOON模板等约3500余个,企盟仿站网感谢一路有你!

当前位置: 首页 > 网站制作 > 建站知识 > 详细内容

WordPress文章内图片添加点击放大的灯箱效果

时间:2022-08-15

有时更新的文章可能会插入一些附带图片,但为了适应页面布局及方便阅读,插入的图片都有一定的宽高度限制。所以如何解决好文章内图片浏览的问题,也是一种增加用户体验感的方式。在此济南网站建设讲下如何为WordPress文章内图片添加点击放大的灯箱效果。无论是以前的网站还是新站点,都适用于此方式。

第一步:安装、启用Auto Highslide插件。将下载的Auto Highslide插件解压好,用FTP上传至服务器的web/wp-content/plugins/目录文件夹下。上传后,在WordPress后台启用。

WordPress灯箱效果设置

第二步:设置图片自动添加原图的链接对于站点以前发布的图片,主题默认不添加链接到原图,所以需要添加一段代码,让程序自己为图片添加链接。用Dreamweaver打开主题文件夹下的 header.php ,添加下面的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>

添加的效果如图所示:

WordPress灯箱效果源码

第三步:讲修改好的header.php覆盖上传即可。给济南做网站的朋友可能发现了,济南网站建设近来更新的文章,像为wordpress添加网站加载进度条、workpress更换域名的处理流程、wordpress更换新域名后跳转老域名的处理、wordpress换新域名后,修改自定义栏目thumb缩略图的处理、用简洁代码,三步处理好WordPress后台加载慢的问题,解决思路都是以“三步走”为主。方便那些WordPress初学的朋友更好的使用好WordPress博客。

本文网址:http://www.chinafangzhan.com{dede:field name='arcurl'/}
本文由企盟 仿站 网发布( http://www.chinafangzhan.com ),如果您还想了解更多关于 网站仿制 的文章,请点击查看 仿站知识 的其它文章。
承接以下业务:传统网站改自适应网站、网站增加手机站、网站改全屏网站改大屏展示、GBK转UFT-8、DEDECMS转WORDPRESS、网站站群制作、企业网站设计、企业网站优化、网站托管等业务

相似内容
  

推荐资讯
热点标签

十二年专注于仿站建站,擅长DEDECMS仿站、WORDPRESS仿站、网站改版等业务! Copyright©2022 中国仿站网 All Rights Reserved

服务电话:
132-80692153

微信 13280692153