碎碎念@竖的图片测试。
竖的图片测试。。
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 口水随想！
微信
支付寶
相关推荐
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年09月25日
给文章图片添加一个灯箱插件—Auto Highslide
我现在用的多梦主题是没有灯箱效果的，顺便找了一款亲测还行，推荐给大家~ 灯箱插件的主要效果即为点击图片出现一个弹出层放大的效果，同时可以轻松操作放大、幻灯片放映、下一张、上一张等效果。 不足 100K 的大小绝对不会影响到网站的正常速度，效果点击一下下面的图片就知道了。
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月29日
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年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年06月09日
给WordPress添加智能摘要结构化数据
今晚给小站添加了360搜索引擎的好搜智能摘要，虽然不知道有个卵用，但是现在SEO那么烂，试试也不会死。 首先了解，什么是“智能摘要结构化数据简介”？传送门：http://www.haosou.com/help/help_3_9.html 以新闻站为例，数字公司列出了一下meta信息，需要我们添加到站点里的，以方便搜索引擎收录。 智能摘要展现范例 这是360给出来的格式： 以我的主题为例，添加以下代码： 一般WordPress主题都是加在header.php里的，< head>与< /head>之中。 还需要在functions.php添加以下代码： 123456789101112131415161718192021222324252627//缩略图function catch\_that\_image() { global $post, $posts; $first_img = ''; ob_start(); ob\_end\_clean(); $output = preg\_match...
