Membuat File index.php Pada WordPress

File index.php merupakan file yang pertama kali yang akan dieksekusi pada wordpress dan file tersebut memanggil file-file lainnya yang diperlukan.

<?php get_header(); ?>

   <div class="section">
      <div class="container" role="main">
         <div class="row">
            <div class="col-md-8">

               <?php get_template_part('carousel'); ?>

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

               <?php while ( have_posts() ) : the_post(); ?>

               <div class="row">
                  <div class="col-md-4">
		     <?php temaku_image_post(); ?></div>
                     <div class="col-md-8">
		     <?php get_template_part( 'content', get_post_format() ); ?>
                  </div>
               </div>

               <?php endwhile; ?>

              <div class="pagination">
                 <?php temaku_pagination(); ?></div>
                 <?php endif; ?>
             </div>

             <div class="col-md-4">
                <?php get_sidebar(); ?>
             </div>

         </div>
      </div>
   </div>

<?php get_footer(); ?>

Keterangan :

  1. get_header(), fungsi ini digunakan untuk memanggil file header.php dengan lokasi yang sama dengan index.php
  2. get_sidebar(), fungsi untuk memanggil file sidebar.php
  3. get_footer() untuk memanggil file footer.php
  4. have_post() untuk melakukan pengecekan apakah ada artikel (post) atau page yang akan ditampilkan.
  5. the_post() untuk menarik data yang ada pada post atau page
  6. get_template_part() untuk memanggil file yang berlokasi sama dengan index.php, dimana parameter pertama diisi dengan nama file dan parameter kedua diisi dengan nama file tambahan, get_template_part(‘content’, ‘page’), sehingga fungsi tersebut memanggil file content-page.php yang berlokasi sama dengan file index.php
  7. get_post_format() untuk memanggil format post jika terdapat theme yang mendukung berbagai format post.

One thought on “Membuat File index.php Pada WordPress

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s