File Specific WordPress Theme – index.php

by

Pada modul sebelumnya kita sudah membahas 3 file yang specific untuk WordPress theme, yaitu index.php, style.css dan screenshot.png.

Disini kita akan membahas index.php lebih dalam dan beberapa file lainya, seperti single.php dan page.php

index.php

File index.php adalah file utama dari theme kita, jadi setiap kita mengakses root dari website, file index.php ini akan diakses dan menampilkan blog post. (Untuk kondisi tertentu, front-end.php yang digunakan, kita akan bahas pada modul terpisah)

Untuk saat ini, mari kita gunakan file index.php untuk menampilkan post yang sudah kita buat pada modul sebelumnya. Berikut script php yang digunakan

<?php

    while(have_posts()){
        the_post();?>
    <h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
    <?php the_content(); ?>
    <hr>

<?php
    }
?>
  • the_post() adalah fungsi WordPress untuk melakukan data fetching.
  • the_permalink() adalah fungsi WordPress untuk mengambil permanent link dari post.
  • the_title() adalah fungsi WordPress untuk mengambil judul dari post.
  • the_content() adalah fungsi WordPress untuk mengambil konten dari post.

Dapat dilihat, kita akan lebih banyak menyentuh fungsi-fungsi dari WordPress untuk mengakses data. Jadi kita tidak akan mengakses langsung database. Kita hanya perlu paham bagaimana menggunakan fungsi yang sudah disediakan WordPress.

Jika site kita buka maka akan tampil seperti dibawah. Alamat site pada contoh adalah http://skillplus.local/ , akan berbeda dengan site lokal Anda.

Jika kita click link pada judul post, maka WordPress akan membukanya dengan file template yang sama yaitu index.php (lihat gambar dibawah)

Hal ini terjadi karena kita belum membuat file template untuk single post, yaitu single.php

Pada modul selanjutnya kita akan buat file single.php untuk menampilkan single post.

Sharing is caring:

Leave a Comment