Fancybox可以用来展示图片，视频、PDF、Word、Excel、Powerpoint等各种内容，本文介绍一个简单的给WordPress添加Fancybox的方法，借助插件ARI Fancy Lightbox，既能自动将链接转换为fancybox，也能通过给链接添加class的方法手动控制，非常简单实用。
继续阅读WordPress添加Fancybox的简单方法标签： 如何开发WordPress主题
如何在WordPress主题中使用webpack
webpack是一款打包工具，可以将一些重复劳动自动化，比如css、js压缩打包，给css的属性添加浏览器前缀，即css vendor prefixes，还可以在css、js文件发生变化时帮我们自动刷新页面，或者允许其它设备访问本地的项目，总之很方便。本文就介绍一个简单的WordPress主题里配置webpack的方法。
继续阅读如何在WordPress主题中使用webpackPhotoshop使用没有安装到系统上的字体
假设你有字体的源文件，otf或ttf格式的都可以，想直接在Photoshop中使用，而不安装到系统里，好处是不会把系统字体搞的很臃肿，想删除字体也很方便，下面介绍方法。
继续阅读Photoshop使用没有安装到系统上的字体WordPress菜单添加SVG图标
svg图标清晰度高，代码可以直接放在网页上使用，不但能随意控制hover效果，还可以做动画，可谓好处多多。今天要介绍的是如何给WordPress的菜单项目添加svg图标，要直接插入svg代码，不是使用图片或背景，也不是使用类似fontawesome那样的字体图标。
继续阅读WordPress菜单添加SVG图标WordPress Gutenberg编辑器的Gallery增加灯箱效果
WordPress默认的Gutenberg编辑器自带的Gallery图集很好用，美中不足的是查看大图比较麻烦，如果有lightbox灯箱效果，点击图片就展示大图，不用离开当前页，点点左右箭头就能继续看其它图片，岂不美哉。大家都喜欢看图，全用大图占地方，用小图看不清，图集+灯箱效果可以完美化解这个矛盾。
继续阅读WordPress Gutenberg编辑器的Gallery增加灯箱效果WordPress文章列表模板带分页
WordPress博客类网站通常用文章（post）类型发布内容。为了让用户和搜索引擎快速了解网站的全部内容，可以制作一个文章列表页面，删繁就简，只将标题等重要信息展示出来，用户阅读标题就能了解网站内容是否对自己有用，搜索引擎则能更方便的找到链接，这有些类似HTML 网站地图。
继续阅读WordPress文章列表模板带分页使用Autoptimize优化网站访问速度
使用Autoptimize插件优化网站速度可以让站点在Google PageSpeed Insights测试中获得更高的分数，更高的分数通常代表更快的网站访问速度和更好的用户体验。与之类似的WP Minify Fix和Better WP Minify插件也不错，不过需要付出更多的努力让站点不报javascript错误，用户界面也稍显复杂。
继续阅读使用Autoptimize优化网站访问速度漂亮的One Page模板
有个网站名叫Codrops，有很多网页设计的免费资源，最近看上了一个one page HTML模板，大气简洁，特效丰富却没有为了特效而特效的感觉，做landing page或动态网站都很合适，可以免费下载HTML和PSD文件，使用完全免费。
继续阅读漂亮的One Page模板如何在主题中使用特色图像
WordPress的特色图像是一张可以代表文章或页面的的图片，用法也很简单，两句话搞定。
if( has_post_thumbnail() ){
the_post_thumbnail();
}但简单的代价就是局限性高一些，比如产生的img标签class是什么，调用了多大尺寸的图片？
继续阅读如何在主题中使用特色图像用Owl Carousel展示gallery图片
Owl Carousel是我比较喜欢的一款carousel插件，responsive效果很好，支持触摸设备，选项灵活，鼠标拖拽就能滚动图片。本文就以WordPress内置Gallery为例来展示Owl Carousel的用法。
继续阅读用Owl Carousel展示gallery图片WooCommerce 2.1.12 – 如何修改相关产品列表
本文以默认主题twentytwelve为例，讲解如何控制相关产品（Related Products）的图像尺寸和分栏。
继续阅读WooCommerce 2.1.12 – 如何修改相关产品列表创建自定义图标字体手记
用Adobe Illustrator和icomoon.io可以创建自己的图标字体，如果你和我一样不知道如何将一个图形转化成能在网页上使用的Icon Fonts，下面这个记录或许会对你有帮助。
继续阅读创建自定义图标字体手记如何找到自己需要的Icon Fonts
要找到一款适合自己用的Icon Fonts，首先要了解资源。本文列举了一下常见的icon fonts，并描述了icon fonts的特点，了解图标字体的特点能够帮助你在选择字体时有的放矢，选择适合自己的。
继续阅读如何找到自己需要的Icon FontsWordPress图片处理脚本bfi_thumb
bfi_thumb是一款类似于TimThumb的图片处理php脚本，由于timthumb的安全性问题，很多WordPress主题不再使用这个脚本，bfi_thumb是一款很好的替代产品。它通过扩展WordPress Image Editor class来实现各种图片处理效果，相比timthumb更加安全。
继续阅读WordPress图片处理脚本bfi_thumbWordPress：获取当前页面菜单的current menu item
遇到一个问题，要显示当前页面的面包屑导航，只是这个面包屑路径反应的不是页面自身的层级关系，而是该页面在菜单导航中的位置。因此需要检测该页面所在菜单的current menu item，在stackexchange上找到了一个不错的方法，记录一下。
继续阅读WordPress：获取当前页面菜单的current menu item使用Lightbox 2时遇到图片高度问题
使用Lightbox 2创建灯箱效果时遇到一个问题，图片会变得很高，如图所示…
继续阅读使用Lightbox 2时遇到图片高度问题