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

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

2015年05月08日
WordPress的模板层次
WordPress模板的定义非常方便,但是在定制模板之前,我们有必要知道WordPress的模板层次,了解WordPress是如何加载模板文件的,这将有利于开发模板时合理利用资源及提高工作效率。 万能的index.php通过“WordPress主题构成”这篇文章,我们已知道一个最简单的WordPress主题只需要 style.css 和 index.php 文件即可。这代表着 index.php 可以是任何一个页面的模板,无论是首页,还是文章页,或是分类页,再或者是搜索结果页面,它都能完美胜任。 也就是说,当对应的模板不存在时, index.php 将是WordPress最后的底牌。 模板加载顺序下面让我们来了解一下WordPress都是怎么加载模板的 首页 首先WordPress会先检查是否有静态首页,如果有静态首页,就会加载这个页面内容并通过 front-page.php 模板文件展示,如果没有这个模板文件,就会通过页面模板展示 如果没有静态首页,就会加载 home.php 最新文章模板 如果没有 home.php 则加载 index.php 模板 文章页 首先被考虑的是...

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

2015年06月07日
QQWorld Auto Save Images:外链图片本地化,支持阿里云OSS、七牛、又拍云
2015年6月15日更新:这个先别下,用了一段时间发现问题还挺多的。丢失了一些相片地址,没备份数据库千万别试。 在搜索WordPress时发现的一款插件,之前我一直用DX-auto-save-images的,但是几年没更新了,功能也很单一,想存到阿里云OSS也不支持。 下图是DX-auto-save-images的设置界面: 所以QQWorld Auto Save Images这款软件正好满足了我的需求。 **下载地址:**https://wordpress.org/plugins/qqworld-auto-save-images

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月08日
WordPress的代码规范
WordPress一直致力于帮助用户维护一个统一的代码风格,使代码保持简洁、容易阅读。所以,不论是在编写 WordPress 核心代码、插件还是主题的时候,都请根据WordPress规则并以人类的眼光来审视和编写代码,以下几点是尤其需要注意的。 HTML代码一般HTML代码语法正确性验证可以在W3C校验。 自闭合标签自闭合标签的斜杆前应该要有一个空格,如正确的换行符应该是 <br/>,<br/> 这是不正确的。 属性和标签所有属性和标签都应该是英文小写,因为这些内容是给机器解析的,并不需要视觉上的可读性。但其中的数据应该是人性化的,易于人类阅读和理解的。如: 面向机器的代码: <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 面向人类的代码: <a href="http://www.dmeng.net/" title="这里应该有链接描述">Dmeng.net<...

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






