千丝海阁

最近在首页上方搞了个叫“实验室”的单独页面，用于在线临时调试一些正在编写的代码，所以我不保证每次你看到的该页面内容的正确性，就好像现在存放的是本文介绍的这个插件Flat UI Button的显示效果，过个几天可能就是别的了。

Flat UI Button是一款能显示简单的Button或者Field样式的插件，安装插件并启用后，无需调整任何选项，其实也没有选项功能，只要按照各自需求在文章页用插入相应的短代码即可。例如以下，实际使用中，请去除下面示例中flat btn中间的空格：

Button类：有3个参数，url即为按下按钮后跳转的地址，size为按钮大小，默认normal,其他值有small和large，type为按钮颜色，默认default,其他值有red/yellow/blue/green/cyan/gray：
[flatbtn url=”http://www.baidu.com”]百度[/flatbtn][flat btn url=”http://www.baidu.com”]百度[/flat btn]
[flatbtn url=”http://www.google.com” size = small type = cyan]Google[/flatbtn] [flat btn url=”http://www.google.com” size = small type = cyan]Google[/flat btn]

Field类：有2个参数，比Button类少了一个URL的参数，size参数值参考Button类，type参数可取值为fieldred/fieldyellow/fieldblue/fieldgreen/fieldcyan/fieldgray
[flatbtn type = fieldred]百度[/flatbtn][flat btn type = fieldred]百度[/flat btn]
[flatbtn size = small type = fieldblue]Google[/flatbtn] [flat btn size = small type = fieldblue]Google[/flat btn]

此插件的CSS样式来源于zoe提供的Flat UI的Buttons元素。个人感觉和我的Freshblog主题不怎么搭，我只用来做插件下载高亮按钮，不过或许和您的主题很搭呢。

[flatbtn url=”http://wordpress.org/plugins/flat-ui-button/” type=green]Wordpress插件下载：Flat UI Button[/flatbtn]