带有类的网格快捷代码


grid shortcode with classes

我正在尝试从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>

用我的短代码,这是不可能的。我该怎么做?

问候,

罗兰

您可以使用shortcode参数来实现这一点。

所以你的短代码可能看起来像:

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

代码可能如下(未经测试):

function columns_function($atts){提取(shortcode_atts(数组('数量'=>12,'classes'=>'',),$atts));return'<div class="col-lg-'.$amount.''.$classes.'"'。do_shortcode($content)。'<div>';}add_shortcode('columns','columns_function');