Wordpress 创建具有自定义值的简码

【问题标题】：Wordpress creating shortcode with custom valueWordpress 创建具有自定义值的简码
【发布时间】：2014-05-21 13:17:49
【问题描述】：

您好，我创建了一个简单的短代码来显示图像设备。

将此添加到我的函数 php:

add_shortcode( 'divider', 'shortcode_insert_divider' );
function shortcode_insert_divider( ) {
return '<div class="divider"></div>';
}

这是css：

.divider {
  width: 100%;
  height: 55px;
  background-image: url("http....")
}

所以这是简码：

 [divider]

现在我想在每次使用简码时定义不同的背景图像。我该如何实现：

[divider src="http://domain.com/image.jpg"]

？？？有什么想法吗？

【问题讨论】：

标签： php wordpress plugins shortcode

【解决方案1】：

代码如下：

function shortcode_insert_divider( $atts ) {

    // Assign default values
    $src_default_value = "";
    $color_default_value = "";

    extract( shortcode_atts( array(
        'src' => $src_default_value,
        'color' => $color_default_value,
    ), $atts ) );

    $html = '<div class="divider" style="color:' . $color . ';background:transparent url(\'' . $src . '\') no-repeat 0 0;"></div>';

    return $html;
}
add_shortcode( 'divider', 'shortcode_insert_divider' );

“shortcode_atts”可以让您捕获这些属性，“extract”功能可以让您轻松地从数组中检索数据。

【讨论】：

工作！非常感谢！