原创Wordpres中使用tailwindcss
Tailwindcss是一个比较流行的原子化的CSS框架,如果开发者对CSS熟悉的话,基本上不需要自己写太多的代码,即可完成一款CSS主题样式的开发。如果要在wordpress主题中引入tailwindcss,可以按照如下方法操作: 1、安装npm,然后再安装tailwindcss和postcss(安装方法可参考官网的安装指导),若postcss安装后未生成postcss.config.js文件,请手工创建,并复制如下内容:
全部技术文章,按发布时间倒序排列
Tailwindcss是一个比较流行的原子化的CSS框架,如果开发者对CSS熟悉的话,基本上不需要自己写太多的代码,即可完成一款CSS主题样式的开发。如果要在wordpress主题中引入tailwindcss,可以按照如下方法操作: 1、安装npm,然后再安装tailwindcss和postcss(安装方法可参考官网的安装指导),若postcss安装后未生成postcss.config.js文件,请手工创建,并复制如下内容:
Beginner主题是我开发的第二个wordpress主题,目前已开源。主题的样式设计参考了云落git主题,并引入tailwindcss框架,进行样式的开发,此外后台function的部分代码也继续沿用了git的代码。
Beginner主题v1.0.0版本发布了(发布地址)!Beginner主题算是我自己开发的第2个主题。第一个主题lifetime也在gitee开源了,但是使用的时候总是觉得少点什么,刚好看到了云落的git主题,觉得很漂亮,不过有些功能不太适合我的站点,想做一些调整,但是CSS和JS代码都是压缩和整合后的代码,可读性和可修改性都比较差,因此决定参考git主题开发自己的主题。经过几周断断续续的调整,第一个版本今天发布了,虽然功能不是很完善,比如分页,评论等,但是也算是一个可用版本,后续会不断优化和完善。
这几天在云落的git主题制作一个自己的博客主题,由于git的css代码都是压缩过的,因此考虑自己写CSS实现一次,也可以在熟悉一下WordPress主题的开发。
tailwindcss可以看做是一个原子化的css框架,可以在主题文件中灵活的应用,下面就针对WordPress如何引用tailwindcss做一个简单的介绍。