1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

(ask) soal kategori :( mohon bantuannya

Discussion in 'Wordpress' started by Origin, Nov 26, 2010.

  1. Origin

    Origin Ads.id Starter

    Joined:
    Nov 2, 2010
    Messages:
    66
    Likes Received:
    0
    sesuai dgn judul mogon bantuannya gimana cara membelah kolom kategori agar menjadi 2 atau 3 kolom??? :(
    soalnya punya gue cuma 1 kolom dan itu sangat panjang ke bawah jatuhnya..heu
    mohon suhu" beri gue pencerahan

    SEBELUMNYA TERIMA KASIH BANYAK
     
  2. dCartes

    dCartes Super Hero

    Joined:
    Jan 21, 2010
    Messages:
    1,424
    Likes Received:
    131
    Location:
    Citizen of the world
    Hmm ini rada2 tricky, baik di PHP maupun CSSnya.

    --------------------------------------------------------------------------------------

    Kita menampilkan kategori bukan dlm <li>, tapi terpisah oleh <br />.
    PHP:
    wp_list_categories('title_li=&echo=0&depth=1&style=none')
    --------------------------------------------------------------------------------------

    Lalu pecah kategori tersebut dgn fungsi explode().
    PHP:
    $cats explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none'));
    --------------------------------------------------------------------------------------

    Fungsi membagi 2 kiri dan kanan adalah kuncinya di sini.
    Pasang kode berikut di file yg ingin menampilkannya (umumnya sidebar.php).
    PHP:
    <?php
    $cats 
    explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none'));
    $cat_n count($cats) - 1;
    for (
    $i=0;$i$cat_n;$i++):
      if (
    $i<$cat_n/2):
        
    $cat_left $cat_left.'<li>'.$cats[$i].'';
        elseif (
    $i>=$cat_n/2):
        
    $cat_right $cat_right.'<li>'.$cats[$i].'</li>';
      endif;
    endfor;
    ?>
    --------------------------------------------------------------------------------------

    Lalu di bawah kode di atas, kasih kode utk menampilkannya.
    PHP:
    <ul class="cat-left">
      <?php echo $cat_left;?>
    </ul>
    <ul class="cat-right">
      <?php echo $cat_right;?>
    </ul>
    --------------------------------------------------------------------------------------

    Kasih di paling bawah style.css kode ini:
    PHP:
    .cat-left {
      
    floatleft;
    }
    .
    cat-right {
      
    floatright;
    }
    --------------------------------------------------------------------------------------

    Voila! jadi dah.
    Edit2 aja style .cat-left dan .cat-right sesuai keinginan.
     
  3. Origin

    Origin Ads.id Starter

    Joined:
    Nov 2, 2010
    Messages:
    66
    Likes Received:
    0
    --------------------------------------------------------------------------------------

    Kita menampilkan kategori bukan dlm <li>, tapi terpisah oleh <br />.
    PHP:
    wp_list_categories('title_li=&echo=0&depth=1&style=none')
    --------------------------------------------------------------------------------------

    Lalu pecah kategori tersebut dgn fungsi explode().
    PHP:
    $cats explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none'));
    --------------------------------------------------------------------------------------


    penempatan kode ini dimana suhu?
    masih bingung :D
    maaf newbie soalnya..
     
  4. dCartes

    dCartes Super Hero

    Joined:
    Jan 21, 2010
    Messages:
    1,424
    Likes Received:
    131
    Location:
    Citizen of the world
    Kategori biasanya ditampilkan di sidebar.php.
    Pakai code wp_list_categories('parameter=blabla').

    Ente bisa cek variasi penggunaan paramater2 di:
    _http://codex.wordpress.org/Template_Tags/wp_list_categories

    Untuk implementasinya coba buka theme Twenty Ten bawaan WP 3.*.
    1. Ente buka sidebar.php
    2. Ntr ada code2 kaya gini:
    PHP:
    <li class="widget-container">
      <h3 class="widget-title"><?php _e'Archives''twentyten' ); ?></h3>
      <ul>
        <?php wp_get_archives'type=monthly' ); ?>
      </ul>
    </li>
    3. Ganti aja code di atas jadi gini:
    PHP:
    <li class="widget-container">
      <h3 class="widget-title">Categories</h3>
      <?php 
      $cats 
    explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none')); 
      
    $cat_n count($cats) - 1
      for (
    $i=0;$i$cat_n;$i++): 
        if (
    $i<$cat_n/2): 
          
    $cat_left $cat_left.'<li>'.$cats[$i].''
          elseif (
    $i>=$cat_n/2): 
          
    $cat_right $cat_right.'<li>'.$cats[$i].'</li>'
        endif; 
      endfor; 
      
    ?>
      <ul class="cat-left"> 
        <?php echo $cat_left;?> 
      </ul> 
      <ul class="cat-right"> 
        <?php echo $cat_right;?> 
      </ul>
    </li>
     
  5. Origin

    Origin Ads.id Starter

    Joined:
    Nov 2, 2010
    Messages:
    66
    Likes Received:
    0
    Ok deh suhu ane coba dulu ya :)
    ntar kalo bingung ane hubungi ente lg :)
    terima kasih banyak atas penjelasannya
     

Share This Page