我正在使用 .grid_1、.grid_2、.grid_3、.... .grid_12 类的 12 列 CSS 网格
我想在 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>
-> 将其包装成 .row div
<div class="grid_3"></div>
<div class="grid_9"></div>
-> 将其包装成 .row div 等。
但也许有一个更简单的解决方案...... ???
我会感谢任何帮助和/或建议!