我使用12列css网格与类.grid_1，.grid_2，.grid_3，......grid_12
我想在wordpress中创建短代码。这就是我所做的，例如2列和10列样式
function grid_2( $atts, $content = null ) {
return '<div class="grid_2">' . do_shortcode( $content ) . '</div>';
}
add_shortcode('grid_2', 'grid_2');
function grid_10( $atts, $content = null ) {
return '<div class="grid_10">' . do_shortcode( $content ) . '</div>';
}
add_shortcode('grid_10', 'grid_10');
问题是这些短代码需要包装在一个文件中。row类使其工作
<div class="row">
<div class="grid_2"></div>
<div class="grid_10"></div>
</div>
有没有一个简单的解决方案，如何将每个网格样式组包装成一个行类，当它是12的倍数时（因为它是12列网格）
例如
<div class="grid_1"></div>
<div class="grid_11"></div>
-
<div class="grid_3"></div>
<div class="grid_9"></div>
-
但也许有一个更简单的解决方案？？？
我将感谢任何帮助和/或建议！
我真的很喜欢你的问题。这就是我所看到的许多主题通常是如何完成的。
function grid_row( $atts, $content = null ) {
return '<div class="row">' . do_shortcode( $content ) . '</div>';
}
add_shortcode('grid_row', 'grid_row');
然后像这样使用你的简码：
[grid_row]
[grid_2]Content Here[/grid_2]
[grid_2]Content Here[/grid_2]
[/grid_row]
输出：
<div class="row">
<div class="grid_2">Content Here</div>
<div class="grid_2">Content Here</div>
</div>
