WordPress插件应用

使用Autoptimize优化网站访问速度

使用Autoptimize插件优化网站速度可以让站点在Google PageSpeed Insights测试中获得更高的分数,更高的分数通常代表更快的网站访问速度和更好的用户体验。与之类似的WP Minify Fix和Better WP Minify插件也不错,不过需要付出更多的努力让站点不报javascript错误,用户界面也稍显复杂。

Read More
WordPress主题开发

漂亮的One Page模板

有个网站名叫Codrops,有很多网页设计的免费资源,最近看上了一个one page HTML模板,大气简洁,特效丰富却没有为了特效而特效的感觉,做landing page或动态网站都很合适,可以免费下载HTML和PSD文件,使用完全免费。

Read More
工具网站

mixture.io的替代软件-Prepros.io

Mixture.io经历了付费到免费,免费到停止下载,最终走向了终结,但这款前端开发工具的价值是不可否认的。我还会继续使用,但替代品是必须的,反正不到万不得已绝对不用命令行虐待自己。于是我找到了Prepros.io,和mixture.io很像,最新版的用户界面很漂亮,可以无限期的免费使用,单用户的licence是29美金。

Read More
工具网站

Mixture – 我心目中最好的前端开发工具

Mixture是我用过的最好用的前端开发工具,为什么这么说?因为我不是前端工程师,不太会配置ruby、compass之类,为了配置foundation框架的sass编译器折腾了半天,最后发现ruby最新版有问题,导致第一次尝试就失败到打不起精神。还好,mixture拯救了我。

更新:mixture.io不再更新了,下载也已关闭,很遗憾。想要类似工具的朋友可以尝试一下https://prepros.io/,免费版可以一直用。

Read More
WordPress主题开发

如何在主题中使用特色图像

WordPress的特色图像是一张可以代表文章或页面的的图片,用法也很简单,两句话搞定。

if( has_post_thumbnail() ){
    the_post_thumbnail();
}

但简单的代价就是局限性高一些,比如产生的img标签class是什么,调用了多大尺寸的图片?

Read More
WordPress主题开发

Easy Responsive Tab

Easy Responsive Tab是一款基于jQuery的Tab脚本,支持水平和垂直选项卡,在屏幕较小的设备上会用Accordion方式呈现内容,什么时候切换显示方式,通过css的media query控制。它还有一个比较有用的特点——支持选项卡的嵌套。

Read More