首页 » Wordpress, Wordpress插件 » WordPress插件:简单样式Flat UI Button 1.0

WordPress插件:简单样式Flat UI Button 1.0

17813 18

最近在首页上方搞了个叫“实验室”的单独页面,用于在线临时调试一些正在编写的代码,所以我不保证每次你看到的该页面内容的正确性,就好像现在存放的是本文介绍的这个插件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]

文章评分1次,平均分5.0

本文原始地址:https://www.tiandiyoyo.com/2013/05/wordpress-plugin-flatuibutton/
本站所有文章,除了特别注明外,均为本站原创,转载请注明出处来自www.tiandiyoyo.com

您可能还会对以下文章感兴趣:

    没有相关的文章

评论前先开启评论开关:


18 Comments

  1. 这个按钮看着,,,,好舒服的赶脚~

  2. 新人来访,,,留点痕迹~~

  3. 扁平化的按钮很好看,也算今后设计的大方向吧

  4. 这个按钮不错

  5. 懂代码就是好,可以随便折腾

  6. 这个不照…不过挺好看的

  7. 阿邙 :

    既然是短代码,还是建议搞短一点。

  8. 南寻 :

    这个挺不错的呢~就是感觉有些大了点。。

  9. 技术的我不懂呀!博主很厉害!

  10. 偶来咯~~给予你支持~~

  11. 最近也在捣鼓博客,呵呵,听了你的建议了,已经设置好头像了哈.

  12. :

    这个不错,直接做成短代码更方便。

  13. 恩楼上说的有道理,百度会识别

  14. 好东西,最好也支持直接写在html标签里

    • tiandi :

      没看懂,能再详细点么?是指在html写文章时,左边的快捷标签按钮加上一个这个么?点标签按钮直接生成短代码?

载入分页评论...