2016-07-01 4 views
0

I want to make category widget like this.カテゴリ両面

この画像のようなウィジェットを作成したいと思います。私はウィジェットを作成しました。しかし、私のすべてのカテゴリが表示されますが、私はそれらを並べて表示したいです。ここ

は私の動的なPHPコードです:

<div class="row"> 
 
      <div class="col-sm-6"> 
 
       <ul class="arrow"> 
 
        <?php 
 
         $args = array(
 
          'orderby' => 'name', 
 
          'parent' => 0, 
 
          'hide_empty' => 0 
 
         ); 
 
         $categories = get_categories($args); 
 
         foreach ($categories as $category) { 
 
          echo '<li><a href="' . get_category_link($category->term_id) . '">' . $category->name . '</a></li>'; 
 
         } 
 
        ?> 
 
       </ul> 
 
      </div> 
 
     </div>

そして、ここに私の出力HTMLコードです:

<div class="row"> 
 
    <div class="col-sm-6"> 
 
    <ul class="arrow"> 
 
     <li><a href="">bootstrap</a></li> 
 
     <li><a href="">csss</a></li> 
 
     <li><a href="">Habi Jabi</a></li> 
 
     <li><a href="">HTCSS</a></li> 
 
     <li><a href="">html</a></li> 
 
     <li><a href="">Ki Kpi</a></li> 
 
     <li><a href="">Laravel</a></li> 
 
     <li><a href="">lol</a></li> 
 
     <li><a href="">Lolop</a></li> 
 
     <li><a href="">new</a></li> 
 
     <li><a href="">Php</a></li> 
 
     <li><a href="">Uncategorized</a></li> 
 
     <li><a href="">Web Design</a></li>    </ul> 
 
    </div> 
 
</div>

しかし、私このように作成する:

<div class="row"> 
 
    <div class="col-sm-6"> 
 
    <ul class="arrow"> 
 
     <li><a href="#">Development</a></li> 
 
     <li><a href="#">Design</a></li> 
 
     <li><a href="#">Updates</a></li> 
 
     <li><a href="#">Tutorial</a></li> 
 
     <li><a href="#">News</a></li> 
 
    </ul> 
 
    </div> 
 
    <div class="col-sm-6"> 
 
    <ul class="arrow"> 
 
     <li><a href="#">Joomla</a></li> 
 
     <li><a href="#">Wordpress</a></li> 
 
     <li><a href="#">Drupal</a></li> 
 
     <li><a href="#">Magento</a></li> 
 
     <li><a href="#">Bootstrap</a></li> 
 
    </ul> 
 
    </div> 
 
</div>

どのように私は私のコードを書くことができますか?お願い助けて。

答えて

0

PHPコードは次のようになります。

<?php 
    $args = array(
     'orderby' => 'name', 
     'parent' => 0, 
     'hide_empty' => 0 
    ); 
    $categories = get_categories($args); 
    $split = sizeof($categories)/2; 
    foreach ($categories as $index => $category) { 
     if($index == $split) { 
      echo '</ul></div><div class="col-sm-6"><ul class="arrow"></ul></div>'; 
     } 
     echo '<li><a href="' . get_category_link($category->term_id) . '">' . $category->name . '</a></li>'; 
    } 
?> 

あなたが実際に$カテゴリの配列の要素数を与えるの大きさに対応するために、1を減算することにより、$スプリット変数を調整する必要があり、 $ index(foreachループ内)は0から始まります。

関連する問題