给文章图片添加一个灯箱插件—Auto Highslide
发表于|更新于|WordPress
|浏览量:
我现在用的多梦主题是没有灯箱效果的,顺便找了一款亲测还行,推荐给大家~
灯箱插件的主要效果即为点击图片出现一个弹出层放大的效果,同时可以轻松操作放大、幻灯片放映、下一张、上一张等效果。
不足 100K 的大小绝对不会影响到网站的正常速度,效果点击一下下面的图片就知道了。

文章作者: Kouss
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 口水随想!
相关推荐

2015年09月14日
给我的美图网添加图片延迟加载
我的图片站下载流量一直很紧,随时欠下七牛一笔钱跑路的节奏。尤其是我不喜欢给网站图片添加太多分页,点一下看一张那种实在是憋屈。 套图分类是重灾区,因为每篇文章都有几十张图片,一个IP就带走我不少流量了。必须给它加延迟加载,拉下时再加载图片节省流量。 原谅我现在还没搞好代码高亮,凑合看看先。 先上Demo:美女纹身艺术照 @全过程 **步骤1、**引用jQuery.js,一般主题都有。如果没有,直接用度娘CDN的好了,要加在后面那些JS之前 **步骤2、**下载jquery.lazyload.min,如果下载后文件名有变,请重命名回jquery.lazyload.min.js,放置到主题的js文件夹里 **步骤3、**在页脚加入以下代码: 1`$(function() { jQuery("img").lazyload({ effect : "fadeIn", failure_limit : 10 }); }); $(function() { $("img:below-the-fol...

2015年05月22日
整站Ajax的WordPress主题,WPGO v1.04非正式发布
就是我网站现在用着的这款主题,就当做WordPress主题分类的第一篇文章吧。作者停止更新很久了,那时响应式博客主题还没像现在那么多,我是比较早看上的。到现在重新建站,用过多梦、百秀、云落Git等,最后还是用了这个。并且默念再换主题就剁手,专心研究不要把时间花在重复的东西上。虽然不是很大气,但是够深沉,如果作者有精力继续更新就好了。 这款WordPress 模板是响应式扁平化风格的博客主题,镶嵌蓝色的色调,看上去非常舒适。当然功能方面也是绝不含糊,最大的特点当属这款WordPress主题支持整站Ajax,于是你就可以高大上的在侧边栏搞个music什么的了。 当然,后台设置,小工具,短代码那些一个也不能少,喜欢此款主题的朋友,可以去购买一份。 主题功能预览 wpgo支持整站Ajax,从此可以在侧边栏放点音乐装13 你目前看到的整个主题,没有使用到任何插件,网站地图,super cache这些类型的除外 特有的顶踩功能,试踩一下? 回复可见 自带SEO、友情链接、文章归档模板 自动生成一级文章目录 自动生成文章标签内链 支持顶部和背景图设置,背景图支持大图的c宽高 防垃圾评论,再也不...

2015年05月08日
WordPress的主循环
内容查询离不开循环,WordPress为内容查询构建了主循环,其中包括常规查询和循环中常用内容的查询函数,还有稍微高级的自定义查询,下面就让我们来一一了解。 主循环简介在WordPress中显示文章内容都是用主循环(The Loop),包括首页、分类页、文章页和搜索结果等其他页面,自定义查询也是用主循环,这个循环挂载了WordPress许多动作和钩子,通过主循环我们不仅可以快捷有效地把内容展示出来,同时别处的代码(如 functions.php 文件)也能通过动作钩子实现修改查询条件或内容。 最常见的主循环(这样的循环在WordPress模板文件中随处可见,如 index.php): <?php if (have_posts()) : while (have_posts()) : the_post(); //~ 在这里使用内容函数,如 the_title(); endwhile; endif; ?> 如上代码所示,我们很容易就能看懂其中的原理:WordPress先通过 have_posts() 判断是否有文章,如果有就使用 while 语句循环,然后在循环中通过 th...

2015年05月23日
14款WordPress表情打包下载、表情替换
WordPress自带的表情,让我说你什么好呢,哎,真太那啥了。但是你们绝对没有在我的博客看到它的自带表情,因为我建站后第一件事就是替换了那些丑陋的家伙们。如果实在想饱眼福的,可以到别的WordPress站点碰碰运气。 好了,废话咱也不跟你唠了。以下,正题。 WordPress一共22个表情,存放在wp-includes/images/smilies这个目录下面,下载后直接覆盖了就可以了。但是切记不要随便改表情的名称,否则表情会无法显示。 下面,分享几款我在网上收集来的表情 第一款:Riceballs,作者David Lanham,外国货。这款也是我正在使用的,大爱。 第二款:ComCom Smilies,来历不详,望知情者告之。 第三款:人人网表情,无需介绍了。 第四款:QQ表情,这个我们再熟悉不过了,也不多讲了。 第五款:QQ表情方块版,由QQ表情修改而来,作者不知道。 第六款:嘀咕表情,zwwooooo修改而来。 第七款:Android Smilies,作者安致哥。他表示:因为他下下来的图标只有20个,而WordPress表情有22个,所以有...

2015年05月26日
WordPress截取文章内容
记一段很常用的代码。 方法一 先简单介绍一下。mb_strimwidth() 会根据”宽度”来截取文字,全角字符宽度为2,半角字符为 1,只要我们将截断的宽度设置为偶数,那最后截断输出的内容一定不会有乱码。 在截断输出首页文章内容的问题上,我们还应该搭配 strip_tags() 来共同实现。strip_tags() 的作用是清除字符串内的 html 标签,放在这里就是清除输出的内容格式(包括清除图片)。既然目的是截取小段文字,自然也不需讲求格式。 废话打住,说”正题”: 请找到模板内 index.php 中的 将其替换为 post_content)), 0, 120,"......"); ?> 之后首页文章内容截断输出就实现了。更改截取字数请调整例子中的 “120” 为你想要的数值,它后面的 “……” 是输出末尾的替换内容,款式参考我的首页。这六个点也算在 120 之内,占 6 个半角宽度。 方法一不能截取字符可以用下面的方法 方法二实例:

2015年09月08日
让主题支持wordpress上传文件自动重命名
wordpress上传文件,如果文件名重复的话,会覆盖原文件,而中文名称的文件则会出现乱码,对于同一天上传文件较多的站点,手动修改显然很麻烦。百度有很多方法是通过修改程序源文件实现的,对于wordpress的更新速度,相当不方便。 下面介绍的方法是通过在当前主题的functions.php文件里添加相关函数代码实现。缺点是每次更换主题的时候都要重新添加一次,适合不常更换主题模板的站点;优点当然是不受wordpress程序更新的影响! 把下面的代码添加至当前主题functions.php文件:(添加在第一行的<?php下面) 1234567function rename_filename($filename) { $info = pathinfo($filename); $ext = empty($info\['extension'\]) ? '' : '.' . $info\['extension'\]; $name = basename($filename, $ext); retur...




