Home » Tekno » Wordpress » Menampilkan Header, Sidebar dan Footer Yang Berbeda Di Setiap Kategori

Menampilkan Header, Sidebar dan Footer Yang Berbeda Di Setiap Kategori

Apakah Anda pernah melihat bloq dari wordpress yang memiliki tampilan Header yang berbeda Рbeda di setiap kategori ?, tutorial wordpress dibawah ini adalah cara  mudah untuk merubah penampilan header yang berbeda Рbeda di setiap kategori.

caranya adalah dengan mengganti kode header pada file index.php di wordpress theme Anda menjadi seperti ini :

dari : <?php get_header(); ?> menjadi :

<?php if (is_category('elearning')) {
get_header('elearning>');
} else {
get_header();
} ?>

Maksud dari kode diatas adalah bila seseorang mengunjungi webblog Anda dan meng-klik salah satu kategori artikel “elearning“, maka wordpress akan mencari file header-elearning.php pada folder wordpress theme untuk menampilkan header yang telah Anda desain tersebut, bila kategori yang dimaksudkan tidak ada atau bukan kategori tersebut maka header standar yang akan ditampilkan.

Contohnya :

> Anda telah memiliki file header.php (yang asli dari wordpress theme) dengan tampilan gambar A, file ini di-copypaste di file baru yang kemudian disimpan dan diberi nama : header-elearning.php

> setelah itu, Anda mengganti gambar A dengan gambar B, lalu simpan kembali file header-elearning.php

> lanjutkan dengan meng-upload file index.php dan header-elearning.php, ke folder wordpress theme.

> refresh webblog Anda untuk mengetahui hasilnya pada kategori posting elearning.

Gantilah kata elearning dengan kategori yang ada pada posting wordpress milik Anda.

Cara yang sama juga dapat Anda aplikasikan pada kode Sidebar dengan mengganti :

dari : <?php get_sidebar(); ?> menjadi :

<?php if (is_category('elearning')) {
 get_sidebar('elearning');
 } else {
 get_sidebar();
 } ?>

Kode diatas akan mencari file sidebar-elearning.php untuk menggantikan sidebar.php

Juga berlaku untuk kode footer dengan mengganti :

dari : <?php get_footer(); ?> menjadi :

<?php if (is_category('elearning')) {
 get_footer('elearning');
 } else {
 get_footer();
 } ?>

Kode diatas akan mencari file footerelearning.php untuk menggantikan footer.php

selamat mencoba.

ditulis oleh : Johan Surya


Bagikan kepada teman :