Question

我正在尝试从Bootstrap 3网格创建短代码。到目前为止，我有我的基本短代码：

add_shortcode('col_lg_12', 'col_lg_12' );
function col_lg_12( $atts, $content = null ) {
return '<div class="col-lg-12">' . do_shortcode($content) . '</div>';
}

这很好用，但我必须为所有列设置它。没问题，但我认为可能会更好。

除此之外，在普通的HTML中，我可以给行或列添加一个额外的类：

<div class="row">
  <div class="col-lg-12 custom-class"></div>
</div>

用我的短代码，这是不可能的。我怎么能这样做？

此致

罗兰

Answer 1

您可以使用短代码参数来执行此操作。

所以你的短代码可能如下：

[columns amount='12' classes='class-1 class-2']text[/columns]

代码可能如下所示（未经测试）：

function columns_function( $atts ) {
    extract( shortcode_atts( array(
        'amount' => 12,
        'classes' => '',
    ), $atts ) );

    return '<div class="col-lg-' . $amount . ' ' . $classes . '"' . do_shortcode($content). '</div>';
}
add_shortcode( 'columns', 'columns_function' );

网格短代码与类

1 个答案: