Artikel Loop pada Wordpress merupakan salah satu fungsi baik default atau custom yang sama-sama menampilkan daftar artikel pada Wordpress, artikel loop juga sangat berguna untuk menampilkan daftar artikel untuk kriteria tertentu berdasarkan query yang digunakan.

hari ini saya akan sedikit mengajarkan bagaimana cara membuat artikel loop secara default dengan query biasa, maupun artikel loop untuk kriteria tertentu berdasarkan query yang digunakan.

Query Artikel Loop

Default Query

Masukan code query ini terlebih dahulu, untuk penempatan kalian dapat menyesuaikannya sendiri.

<?php
    $counter = 1;
        query_posts( array(
            'showposts' => 10,
        ) );    
    if( have_posts() ) : while( have_posts() ) : the_post();
?>

Keterangan code :

  • showposts diberi angka 10 untuk menentukan berapa jumlah posting yang ingin ditampilkan, jika ingin artikel loop menggunakan jumlah showposts pada pengaturan Wordpress maka kamu dapat menghapus code tersebut dan kurang lebih codenya akan seperti ini.
<?php  
    if( have_posts() ) : while( have_posts() ) : the_post();
?>

Custom Query

Jika kalian ingin beberapa posting dari sebuah kategori ataupun tag ataupun tidak menampilkan 2 artikel pertama kalian dapat menggunakan code ini :

<?php
    $counter = 1;
        query_posts( array(
            'showposts' => 10,
            'offset' => 1,
            'cat' => 2,    
            'tag' => Featured
        ) );    
    if( have_posts() ) : while( have_posts() ) : the_post();
?>
  • showposts diberi angka 10 untuk menentukan berapa jumlah posting yang ingin ditampilkan, jika ingin artikel loop menggunakan jumlah showposts pada pengaturan Wordpress maka kamu dapat menghapus code tersebut
  • offset diberi angka 1 untuk menentukan jumlah artikel yang tidak ditampilkan pada 1 artikel pertama
  • cat diberi angka 2 untuk menentukan category yang ditampilkan berdasarkan ID dari category tersebut
  • Tag diberi value featured untuk menampilkan artikel pada tags featured

Pemasangan

Untuk pemasangan template dari artikel loop dapat menggunakan 2 cara yaitu menggunakan TEMPLATEPATH maupun langsung melanjutkan.

Menggunakan templatepath

Untuk menggunakan templatepath pastikan kalian telah menyusun rangka templatenya pada satu file yang bernama loop-index.php atau lainnya yang kurang lebih isinya seperti ini

<h2><?php the_title(); ?></h2>
<?php the_post_thumbnail(thumbnail); ?>
<abbr itemprop="datePublished" content="<?php the_time('Y-m-d'); ?>T<?php the_time('g:i'); ?>" title="<?php the_time('F j, Y'); ?> at <?php the_time('g:i a'); ?>"><?php echo human_time_diff(get_the_time('U'), current_time('timestamp')) . __(' lalu'); ?></abbr> <?php _e('oleh'); ?> <span itemprop="author"><?php the_author_posts_link(); ?></span>
<?php
    $content = get_the_content();
    $trimmed_content = wp_trim_words( $content, 50 );
    echo $trimmed_content;
?>

Keterangan Code

  • $trimmed_content adalah salah satu code yang digunakan untuk membatasi jumlah kata pada content, kamu dapat menambah batas jumlah kata dengan mengubah nilai 50 menjadi 100 ataupun lebih dari 150.

Jika sudah save file tersebut dengan nama loop-index.php ataupun nama lain, lalu susun code query ditambah dengan templatepath yang kurang lebih codenya akan menjadi seperti ini :

<?php
    $counter = 1;
        query_posts( array(
            'showposts' => 10,
            'offset' => 1,
            'cat' => 2,    
            'tag' => Featured
        ) );    
    if( have_posts() ) : while( have_posts() ) : the_post();
?>
<?php include(TEMPLATEPATH. '/loop-index.php'); ?>
<?php endwhile; ?>
<?php else : ?>
<?php endif; ?>
<?php wp_reset_query ();?>

Langsung dimasukkan sejajar dengan query

Kalian juga dapat memasukkan code tersebut sejajar dengan query, hasilnya pasti akan sama dengan menggunakan templatepath hanya saja code yang dimasukkan akan lebih banyak.

<?php
    $counter = 1;
        query_posts( array(
            'showposts' => 10,
            'offset' => 1,
            'cat' => 2,    
            'tag' => Featured
        ) );    
    if( have_posts() ) : while( have_posts() ) : the_post();
?>
<h2><?php the_title(); ?></h2>
<?php the_post_thumbnail(thumbnail); ?>
<abbr itemprop="datePublished" content="<?php the_time('Y-m-d'); ?>T<?php the_time('g:i'); ?>" title="<?php the_time('F j, Y'); ?> at <?php the_time('g:i a'); ?>"><?php echo human_time_diff(get_the_time('U'), current_time('timestamp')) . __(' lalu'); ?></abbr> <?php _e('oleh'); ?> <span itemprop="author"><?php the_author_posts_link(); ?></span>
<?php
    $content = get_the_content();
    $trimmed_content = wp_trim_words( $content, 50 );
    echo $trimmed_content;
?>
<?php endwhile; ?>
<?php else : ?>
<?php endif; ?>
<?php wp_reset_query ();?>

Apakah artikel ini telah membantu kalian untuk memecahkan rasa ingin tahu kalian ?, artikel ini sudah diterapkan pada portal Kolombaru jadi jika ingin dilihat demonya kalian hanya cukup melihat halaman beranda.