「WordPress技能」纯编码完成文章内容页照片灯箱

摘要:今日网编在折腾WordPress主题时,十分好奇心文章内容页中点一下照片变大的实际效果究竟是如何保证的?...

今日网编在折腾WordPress主题时,十分好奇心文章内容页中点一下照片变大的实际效果究竟是如何保证的?

因而好奇心心下迫使查了1些材料,原先也挺简易的,就2 3个文档罢了,全部文档就14k尺寸,比在WordPress后台管理上装个新软件许多了。

最后实际效果以下图所示

下面详尽写下应用方式。

免费下载文档

1、最先免费下载文档,在文章内容底部点一下資源免费下载按钮免费下载照片灯箱文档。

2、随后把文档提交到主题型录,也便是/wp-content/themes这个文件目录,解压!

3、在主题的header.php和footer.php文档各自载入css和js:

//header.php加上下面编码<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/plugin/css/lightbox.css" rel="external nofollow" >//footer加上下面编码<script src="<?php bloginfo('template_url'); ?>/plugin/js/lightbox.js"></script>留意:请保证正在应用的主题早已载入了jquery!

假如你应用的古腾堡编写器,那末实例教程完毕,你能够去试尝试片灯箱实际效果了,但是记得把照片特性连接到图象。

假如你应用的是經典编写器,那末还必须改动下js文档。

好了,今日的照片灯箱实际效果WordPress实例教程到此就完毕了,有甚么难题能够添加大家的WordPress沟通交流群。



联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:免费小程序制作