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