带有引导列的PHP计数逻辑
我想计算自定义字段的数量,并为列提供正确的宽度,以便使用Bootstrap3 如果有2个条目,我希望它是:带有引导列的PHP计数逻辑,php,wordpress,twitter-bootstrap,Php,Wordpress,Twitter Bootstrap,我想计算自定义字段的数量,并为列提供正确的宽度,以便使用Bootstrap3 如果有2个条目,我希望它是: <div class="col-md-6"> <div class="col-md-4"> 例如。如果我有6篇文章,这就是DOM: <div class="col-md-2"><h2>Homer Simpson’s Guide to Tom Cruise</h2></div> <div class="c
<div class="col-md-6">
<div class="col-md-4">
例如。如果我有6篇文章,这就是DOM:
<div class="col-md-2"><h2>Homer Simpson’s Guide to Tom Cruise</h2></div>
<div class="col-md-2"><h2>Homer Simpson’s Guide to Tom Cruise</h2></div>
...
霍默·辛普森汤姆·克鲁斯指南
荷马·辛普森汤姆·克鲁斯指南
...
让我们收集数组$elements的输出,获得列的大小,并用它包装:
<?php if( have_rows('buehne_inhalt', 'option') ): ?>
<h2><?=the_sub_field('subline')?></h2>
<div class="row">
<$php
$elements = [];
while( have_rows('buehne_inhalt', 'option') ): the_row();
$image = get_sub_field('buehne_bild');
$size = 'img-s';
if( $image ) {
$element = wp_get_attachment_image( $image, $size );
}
$elements[] = $element;
endwhile;
if(sizeof($elements)>0) {
$size = ceil(12 / sizeof($elements));
if($columns<2) $columns = 2;
foreach($elements AS $element) {
echo '<div class="col-md-'.$size.'">'.$element.'</div>';
}
}
?>
</div>
<?php endif; ?>
0) {
$size=ceil(12/sizeof($elements));
如果($列
您必须知道前面的post数量,然后决定需要多少列。如果有3个post,您的代码将生成4列col-md-12
,col-md-6
,col-md-4
和col-md-3
,因为您在循环中增加了计数器。如果使用此代码,“子行”在元素之外(在表决前)。
<?php if( have_rows('buehne_inhalt', 'option') ): ?>
<h2><?=the_sub_field('subline')?></h2>
<div class="row">
<$php
$elements = [];
while( have_rows('buehne_inhalt', 'option') ): the_row();
$image = get_sub_field('buehne_bild');
$size = 'img-s';
if( $image ) {
$element = wp_get_attachment_image( $image, $size );
}
$elements[] = $element;
endwhile;
if(sizeof($elements)>0) {
$size = ceil(12 / sizeof($elements));
if($columns<2) $columns = 2;
foreach($elements AS $element) {
echo '<div class="col-md-'.$size.'">'.$element.'</div>';
}
}
?>
</div>
<?php endif; ?>