我们知道CSS 是不能直接定义radio 标签和checkbox 标签的样式，但是默认的实在是太丑了，总要想办法来美化美化这货的。强大的CSS选择器可以帮助我们来实现美化。首先我们看我们美化过的radio-beautuful再回顾下默认样式radio-ugly可以亲自点一下！.demo-label{margin:20px 20px 0 0;display:inline-block}.demo-radio{display:none}.demo-radioInput{background-color:#fff;border:1px solid rgba(0,0,0,0.15);- 阅读剩余部分 -

实现原理由于我们可以在后台使用wp query来输出文章列表，所以我们并不需要文章分页的入口，砍掉了分页入口也避免了搜索引擎抓取这些页面。我们只需要在AJAX 执行的过程中向后台传递一个分页参数，就可以返回这个分页上的文章列表。再返回文章列表的时候，我们还需要返回下一分页的页码，当然如果不是最后一页的话。鉴于wp query有着丰富的参数，我们可以通过转递指定的参数来控制文章列表的输出，使之可以在分类、标签等归档正常使用。实现方法你需要修改的地方一共有2处，一处是包裹你文章列表的容器，一处是根据的文章列表的样式跳转输出结构。文章结构输出函数，这个要根据你自己的主题进行修改，- 阅读剩余部分 -

你也许已经在 Youtube 上看过了那道红色激光脉冲，它会在你切换页面时出现。其实许多移动浏览器的进度条都是这个样式，但是在网页上实现可不多见。不过，有了 NProgress 这个 jQuery 插件，你也可以轻松实现！安装依赖于 jQuery (1.8版本及以上)，添加 nprogress.js 和 nprogress.css 到你的项目中。使用方法<button onclick="NProgress.start()">NProgress.start()</button> — 显示进度条 <button onclick- 阅读剩余部分 -

消费者越来越依赖于移动网络，这使得一个高效的移动网站比以往任何时候都更加重要。但是如何打造一个优秀的移动网站？为了回答这个问题，Google 与 AnswerLab 合作研究用户群体如何与不同的移动网站互动。通过这个研究，Google 确立了 25 个移动网站设计原则来预约用户和推动转化率。

贴几个最近用到 WordPress 的代码片段，代码均搜集于网络，使用方式都是添加到主题的 functions.php 文件。"Talk is cheap. Show me the pre." —— Linus Torvalds搜索结果页面关键字高亮为搜索结果页中的标题和正文的关键字添加 highlight 类，然后你就可以通过 CSS 设定高亮样式了。function wp_highlight_search_keywords($text){ if ( is_search() ) { $s = get_search_query(); - 阅读剩余部分 -