Langsung saja, archive.php berfungsi untuk menampilkan kategori yang dipilih. Bedanya dengan index.php di index.php akan tampil semua jenis postingan dari semua kategori, nah kalo di archive.php yang tampil hanya 1 kategori yang agan pilih. Untuk single.php berfungsi untuk menampilkan 1 postingan dari 1 judul yang anda klik. Jadi di single.php ini akan tampil postingan secara detailnya. Untuk content.php ini berfungsi untuk menampilkan konten atau isinya gan, jadi untuk mempersingkat penulisan atau pengetikan kode aku akan pisahkan konten nya ke halamannya sendiri.
Untuk postingan kali ini terhitung masih dasarnya, karena agan juga harus ngerti fungsi dari perhalaman. Untuk melangkah ketahap lanjut akan saya bahas, santai saja dan tetap simak terus blogku. Ok gan lanjut ya. Dibawah ini aku sediain kode beserta penjelasannya :
#index.php
Kemarin kan kita sudah membuat index.php, disini aku akan memberikan cara bagi kalian agar judul postingan tersebut dapat di klik. Ini bertujuan agar judul postingan yang diklik dapat terjabar di halaman single.php yang kita buat nantinya. Bukan hanya itu, aku akan memberikan kategori dan author dari postingan. Nih kodenya, untuk kode tambahannya kodenya yang disorot warna kuning atau agan juga bisa mengganti semua kode pada index.php diganti dengan kode yang ini :
<?php get_header(); ?>
<div id="content">
<?php if (have_posts()) :
while (have_posts()) :
the_post();
?>
<br>
<div class="daftar-posting">
<h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
<h4>Posted on <?php the_time('F jS, Y') ?> at <?php the_time('g:i a'); ?>
<br/>
Author : <a href="<?php echo get_author_posts_url(get_the_author_meta('ID')); ?>"><?php the_author(); ?></a>
, Kategori : <?php the_category(' , '); ?>
</h4>
<p><?php the_content(__('(more...)')); ?></p><br>
</div>
<?php
endwhile;
else: ?>
<p>
<?php _e('Maaf posting tidak tersedia'); ?></p>
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<br />
<div class="clear"></div>
<?php get_footer(); ?>
Penjelasannya :
the_permalink() berfungsi untuk mengambil link dari postingan yang agan klik. Jadi letakan kode tersebut dalam <a href=" letakan disini "></a> agar judul postingan dapat ngelink.
get_author_posts_url() berfungsi untuk mengambil alamat url dari author yang memposting.
get_the_author_meta('ID') berfungsi untuk mengambil id dari authornya.
jadi, get_author_posts_url(get_the_author_meta('ID')) berfungsi untuk mengambil alamat url author yang memposting berdasarkan ID author.
the_author() berfungsi untuk menampilkan nama dari author.
the_category() berfungsi untuk menampilkan link dari kategori suatu postingan. jadi, the_category(' , ') berfungsi untuk menampilkan postingan dimana jika ada lebih dari 1 kategori, maka nama kategori akan dipisahkan dengan tanda koma " , ".
Untuk lebih lengkapnya penjelasan kode index.php kunjungi artikel part 2 ku : http://massmada.blogspot.co.id/2018/05/membuat-tema-atau-theme-wordpress-dari.html
archive.php:
<?php get_header(); ?>
<div id="content">
<?php if (have_posts()) :
echo "<b><div style='color:#039084;'>";
if(is_category()){
echo "Halaman Kategori : "; single_cat_title();
} else if(is_author()){
echo "Halaman Author : ". get_the_author();
} else {
echo "Halaman Archive";
}
echo "</div></b>";
while (have_posts()) :
the_post();
get_template_part('content');
endwhile;
else: ?>
<p>
<?php _e('Maaf posting tidak tersedia'); ?></p>
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<br />
<div class="clear"></div>
<?php get_footer(); ?>
Penjelasan :
Untuk fungsi get_header(), dan fungsi lain yang tidak jelaskan disini, agan bisa mengunjungi part 2 pada penjelasan index.php. link part 2 : http://massmada.blogspot.co.id/2018/05/membuat-tema-atau-theme-wordpress-dari.html
Dalam kode diatas yang belum aku jelaskan yang di beri mark warna hijau ya. Dibawah adalah penjelasan kodingnya:
is_category() berfungsi untuk mengecek apakah halaman ini adalah halaman kategori atau bukan, jika halaman adalah halaman kategori maka fungsi tersebut akan mengembalikan kembalian TRUE. Fungsi tersebut biasa diletakan didalam parameter if yaitu if(is_category()) .
single_cat_title() berfungsi untuk menampilkan judul kategori pada halaman archive.php .
is_author() berfungsi untuk mengembalikan nilai true jika yang diklik adalah nama author nya. Fungsi ini dimasukan dalam suatu kondisi if misal if(is_author()) . Jika yang diklik authornya maka yang ditampilkan nama authornya.
get_the_author() berfungsi untuk memperoleh nama authornya dari database, lalu untuk menampilkannya dapat dengan echo get_the_author(); .
get_template_part('content') atau get_template_part() berfungsi untuk mengambil atau menampilkan dari halaman yang terpisah ke dalam halaman kode tersebut berada. Disini saya akan menampilkan atau memanggil halaman content.php untuk ditampilkan di halaman archive.php .
content.php:
<?php
if(is_single()) { ?>
<h1><?php the_title(); ?></h1> <br/>
<?php the_time('F jS, Y'); ?> pada <?php the_time('g:i a'); ?> <br />
Author : <a href="<?php echo get_author_posts_url(get_the_author_meta('ID')); ?>"><?php the_author(); ?></a>
, Kategori : <?php the_category(' , '); ?>
<br/>
<?php the_content(); ?>
<?php
} else { ?>
<br>
<div class="daftar-posting">
<h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1> <!-- mencetak judul posting -->
<h4>Posted on <?php the_time('F jS, Y') ?> at <?php the_time('g:i a'); ?>
<br/>
Author : <a href="<?php echo get_author_posts_url(get_the_author_meta('ID')); ?>"><?php the_author(); ?></a>
, Kategori : <?php the_category(' , '); ?>
</h4> <!-- mencetak tanggal posting -->
<p><?php echo get_the_excerpt(); ?> <a href="<?php the_permalink(); ?>">readmore</a></p><br> <!-- menampilkan cuplikan/headline posting -->
</div>
<?php
}
?>
Penjelasan:
Halaman content.php ini digunakan untuk meringkas saja, agar kita bisa mencegah penggunaan duplikat kode sehingga kode kita akan semakin sedikit dan simple. Halaman ini yang nanti nya akan dipanggil oleh halaman lain. Disini saya akan menjelaskan yang diberi mark hijau saja, karena yang lainnya pernah saya jelaskan pada part 2 di kode index.php. Untuk link part 2 : http://massmada.blogspot.co.id/2018/05/membuat-tema-atau-theme-wordpress-dari.html .
Langsung saja penjelasannya :
is_single() berfungsi untuk mengembalikan nilai TRUE jika halaman adalah halaman single.php. Script ini biasanya diletakkan sebagai pernyataan suatu kondisi if(is_single()) .
the_content() berfungsi untuk menampilkan isi dari postingan.
get_the_excerpt() berfungsi untuk menampilkan cuplikan postingan saja dimana yang ditampilkan hanya sedikit sekali kalimat, sehingga harus ada button "read more" nya.
the_permalink() berfungsi untuk mengambil alamat url dari suatu artikel. Pada script ini digunakan agar tombol readmore jika diklik maka akan menuju artikel tersebut.
single.php:
<?php get_header(); ?>
<div id="content">
<?php if (have_posts()) :
while (have_posts()) :
the_post();
get_template_part('content');
endwhile;
else: ?>
<p>
<?php _e('Maaf posting tidak tersedia'); ?></p>
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<br />
<div class="clear"></div>
<?php get_footer(); ?>
Penjelasan:
get_header() Kode ini berfungsi untuk memanggil header, file yang dipanggil adalah header.php. Jadi desain header akan tampil di index.php ini.
have_posts() Cara membacanya "Jika mempunyai postingan" maka akan menjalan kan kode dibawahnya. Kode ini akan mengembalikan nilai TRUE atau benar jika mempunyai postingan.
get_template_part('content') atau get_template_part() berfungsi untuk mengambil atau menampilkan dari halaman yang terpisah ke dalam halaman kode tersebut berada. Disini saya akan menampilkan atau memanggil halaman content.php untuk ditampilkan di halaman single.php .
get_sidebar() berfungsi untuk menampilkan atau memanggil sidebar.php dimana hasil berupa desain dan konten yang ada pada sidebar akan tampil pada index.php ini .
get_footer() berfungsi untuk menampilkan atau memanggil footer.php dimana hasil berupa desain dan konten yang ada pada footer akan tampil pada index.php ini .
#HASIL
Index.php yang tadi sudah diganti maka akan tampil sebagai berikut:
single.php
archive.php
Ok, hasil diatas adalah hasil dari kita koding selama ini. Untuk melanjutkan tutorial wordpress dapat kunjungi Part 4 : Membuat functions.php
Bagikan
Part 3 : Membuat Halaman Content.php , Archive.php Dan Single.php Di Themes Wordpress
4/
5
Oleh
Bayu Ambika
Silahkan berkomentar secara bijak dan sesuai dengan topik pembahasan ...
Untuk menyisipkan kode pendek, gunakan <i rel="code"> ... KODE ... </i>
Untuk menyisipkan kode panjang, gunakan <i rel="pre"> ... KODE ... </i>
Untuk menyisipkan gambar, gunakan <i rel="image"> ... URL GAMBAR ... </i>