Wordpress : Cara Menampilkan Post Artikel (Loop)


Kali ini kita akan mempelajari bagaimana cara memunculkan isi artikel pada wordpress dan Anda tempatkan dimanapun yang Anda mau di template Wordpress yang telah Anda buat. Isi artikel pada wordpress atau loop ini biasanya kita munculkan di halaman utama (index.php), halaman kategori (category.php) ataupun halaman single (single.php) . untuk memunculkan isi artikel atau loop sistem ini pada Wordpress maka kode yang harus Anda tulis adalah sebagai berikut :

<?php query_posts("showposts=6") ?>
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a><br />

<?php echo get_the_category_list(', '); ?><br />
 <?php the_time('d/m/Y g:i:s A'); ?><br />
<img  src="<?php $img=wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large'); echo $img[0]; ?>"/><br />
 <?php the_excerpt(); ?> <br />
<?php endwhile; ?>
<?php endif; ?> 



Keterangan :

<?php query_posts("showposts=6") ?>

Pada baris kode diatas berfungsi untuk menampilkan berapa banyak data/artikel yang akan ditampilkan (loop) apabila showposts=6 maka artikel yang ditampilkan adalah sebanyak 6 artikel.

<?php if ( have_posts() ) : ?>

Baris kode diatas dapat kita artikan "Apabila ada postingan /artikel " maka perintah atau baris kode yang kita tulis di anatara kode <?php if ( have_posts() ) : ?> dan <?php endif; ?> akan dijalankan/eksekusi.

Data artikel yang akan di looping/ditampilkan harus diawali dengan perintah <?php while ( have_posts() ) : the_post(); ?> dan diahiri dengan <?php endwhile; ?>

<?php the_permalink() ?> adalah script untuk menampilkan link dari artikel/post

<?php the_title(); ?> adalah script untuk menampilkan judul artikel/post

<?php echo get_the_category_list(', '); ?> adalah script untuk menampilkan kategori dari artikel/postingan

 <?php the_time('d/m/Y g:i:s A'); ?> adalah script untuk menampilkan tanggal artikel dipublish

<?php $img=wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large'); echo $img[0]; ?> adalah script untuk menampilkan alamat gambar thumbnail artikel , lengkapnya seperti ini  <img  src="<?php $img=wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large'); echo $img[0]; ?>"/>

 <?php the_excerpt(); ?> berfungsi untuk menampilkan sebagian isi artikel (excerpt) jika Anda ingin menampilkan seluruh isi artikelnya maka baris kode yang Anda tulis adalah  <?php the_content(); ?>


Share this

Related Posts

Previous
Next Post »

1 comments:

comments
October 15, 2017 at 7:07 AM delete

script diatas di paste di mana gan ? mohon infonya
https://servicehandal.com

Reply
avatar

Komentar disini ..