28個のタイトルの配列があり、配列を調べて、一度に2つのアイテム(タイトル)を次のhtmlに表示する必要があります。
<ul>
//start loop here for all items in array
<li>
//display two titles in seperate divs
<div class="item1">
<h1>title[x]</h1>
</div>
<div class="item2">
<h1>title[x]</h1>
</div>
</li>
//repeat...
</ul>
したがって、基本的には次のように出力されます。
<ul>
<li>
<div>
<h1>Title 1</h1>
</div>
<div>
<h1>Title 2</h1>
</div>
</li>
<li>
<div>
<h1>Title 3</h1>
</div>
<div>
<h1>Title 4</h1>
</div>
</li>
<li>
<div>
<h1>Title 5</h1>
</div>
<div>
<h1>Title 6</h1>
</div>
</li>
//etc..
</ul>
これは私がこれまでに試したことですが、明らかに両方のタイトルを複製しただけです。
<div id="work-list">
<ul class="work-list-cat group">
<?php if (!empty($this->intro_items)) {
foreach($this->intro_items as $id => $item) {
$itemarray[] = $item;
}
$count = count($itemarray);
$item = 1;
for($y = 0; $y < $count; $y++) {
?>
<li style="width:33.333333333333333333333333333333%; height:100%; float:left;">
<?php
for($x=0; $x<$item; $x++){ ?>
<div style="width:100%; height:50%; float:left; background-color:#333;">
<?php echo $itemarray[$y]->title; ?>
</div>
<div style="width:100%; height:50%; float:left; background-color:#444;">
<?php echo $itemarray[$y]->title; ?>
</div>
<?php } ?>
</li>
<?php } ?>
<?php } ?>
</ul>
</div> <?php //End of #work-list ?>