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]
好了,就这么简单,你也可以的。

Last modification:April 11th, 2020 at 09:18 pm
如果觉得我的文章对你有用,请随意赞赏