最近在首頁上方搞了個叫“實驗室”的單獨頁面，用於線上臨時除錯一些正在編寫的程式碼，所以我不保證每次你看到的該頁面內容的正確性，就好像現在存放的是本文介紹的這個外掛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]