Shortcode可以创建一系列不同的效果,比如可以创建一个“下载按钮”,下面我就来谈谈怎么创建这个按钮效果。只要你明白它的原理,其实很简单。
首先,你在Functions.php这个文件里面加入一些代码:
function down_shortcode( $atts, $content = null ) { extract( shortcode_atts( array( ), $atts ) ); return ' <em >' . $content . '</em>'; } add_shortcode('down', 'down_shortcode');
接着就是用css来修饰您的下载按钮:
/*下载按钮*/ .shortcode_down a{ background: url("img/blue.png") repeat-x scroll center top #316CA4; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 2px #B6B6B6; color: #FFFFFF !important; display: inline-block; font-size: 14px; font-weight:700px; margin-left: 3px; margin-top: 7px; padding: 4.5px 6.5px; text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.4); } .shortcode_down a:hover{ background:none #404040; text-decoration:underline; }
保存以后,下面的工作需要你写文章的时候插入以下代码。
[box][down]下载按键[/down][/box]
效果如右所示:[down]下载按键[/down]
好了,就这么简单,你也可以的。
One comment