A-A+
wordpress 图片美化,点击放大效果
这里推荐给各位一个比较好用的wp 图片点击放大的插件wp-fancyzoom。
方法一、
可以去我网盘里下载。下载后在后台-插件-安装插件-上传-安装 即可。
下载后就是一个zip文件,直接上传安装即可,不需要任何设置。
方法二、
可以自己做些自定义的设置
1、对于插件有不好感的朋友,你可以用这个方法。解压WP FancyZoom后有两个文件夹,打开js-global文件夹下的FancyZoom.js。
2、把“/images-global/zoom/”替换成“/wp-content/themes/你的主题文件夹名/images-global/zoom/”即可。然后上传两个文件夹到你wodrpress站点主题文件夹下。
3、将WP FancyZoom图片缩放插件的image和JS文件夹上传后,接下来要做的工作就比较简单,你需要做的就是在你的网页当中引用这两个JS文件就OK了。引用的方法很简单,在你的主题的header.php文件的</head>之前或者是footer.php文件的</body>之前加以下代码:
1 2 |
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js-global/FancyZoom.js"></script> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js-global/FancyZoomHTML.js"></script> |
4、最后不要忘记在你的header.php里的<body>属性上添加成:
1 |
<body onLoad="setupZoom();"> |
这样当页面加载的时候就已经可以使用WP FancyZoom了。