Membuat Sidebar widget dan navigasi menu pada tema WordPress

Membuat sidebar widget dan navigasi menu pada tema wordpres adalah tahapan kedua yang akan di lakukan setelah pada artikel cara membuat tema wordpress sendiri yang bisa di baca disini kita telah berhasil membuat tema dan sudah bisa menampilkan looping post pada halaman home page. karena dalam tema tersebut masih belum terbentuk layoutnya dan belum ada fitur-fitur pendukung dari sebuah template blog atau website. maka langkah selanjutnya adalah membuat sidebar widget dan navigasi menu pada tema yang baru kita buat.

Menmbahkan sidebar widget Navigasi menu wordpress
Menambahkan sidebar widget Navigasi menu wordpress

artikel ini adalah lanjutan dari artikel cara membuat tema wordpress sendiri  dan kali ini akan kita lengkapi tema tersebut dengan membuat sidebar dan navigasi menu  berikut cara untuk menambahkan kedua element tersebut kedalam tema:

1 membuat navigasi menu pada tema wordpress

untuk membuat dan menampilkan navigasi menu kita akan buka 2 file dari folder tema-saya yang kemarin sudah kita buat. buka kedua file tersebut dengan text. file functions.php masih belum terisi crip apa-apa. tambahkan kode php seperti di bawah ini pada file tersebut

setelah anda save file functions.php yang baru ditambah dengan kode diatas maka jika kita lihat dari halaman wp-admin di sub menu “Apperance” sudah ada menu baru dengan nama “Menus” jika demikian kita sudah berhasil membuat 1 sistem baru untuk memanage mane yang akan di tampilkan pada template web/blog yang kita bangun.

fungsi di atas hanya bekerja pada halaman backend dan untuk menmpilkannya pada halaman muka atau frontend maka buka file header.php dari folder tema-kita, karena menu biasanya ada di bawah logo,heading website maka akan kita letakkah kode pemanggil menu ini pada file header.php.
kode php di bawah ini adalah kode yang harus ditambahkan untuk menampilkan navigasi menu.

tambahkan kode diatas tepat dibawah </div> kode penutup dari tag <div id=”header” class=”website-header”> dari file header.php yang sudah kita buat.

saya asumsikan disini anda sudah bisa dan faham cara memanage/membuat list menu dari wp-admin, setelah anda membuat susunan menu dari wp-admin dan save. check pada tampilan muka blog/website anda maka di bawah logo/headline nama website sudah ada bari susunan menu seperti yang telah kita buat dari wp-admin tadi.

langkah membuat menu pada tema wordpress sudah selesai, selanjutnya adalah membuat sidebar widget pada tema yang kita buat.

2 Membuat sidebar widget

seperti halnya membuat navigasi menu untuk membuat sidebar widget untuk tema step yang di lakukan adalah melakukan registrasi sidebar pada file function.php dan menampilkan kontent sidebar tersebut pada file index.php.

pada file functions.php tambahkan kode dibawah ini :

dari kode di atas kita sudah berhasil menambahkan satu fungsi lagi pada menu “Apperance” yaitu fitur Widget.
untuk loop atau menampilkan hasil setting widget kita ke halaman depan, karena widget ini nantinya kan kita tampilkan pada sisi samping kanan dari halaman website/blog kita maka buka file index.php dan tambahkan kode dibawah ini.

tambahkan kode di atas dibawah penutup dari tag <div class=”content-post”> agar tidak bingun ganti saja semua kode yang ada dalam file index.php yang sebelumnya telah dibuat dengan kode dibawah ini

kita sudah berhasil membuat sidebar widget dan navigasi menu pada tema wordpress buatan kita sendiri dan sudah berhasil pula untuk menampilkan kedua fitur tersebut kehalaman frontend namun untuk layout dan stylenya masih belum teratur maka untuk selanjutnya agar tampilan bisa terlihat lebih rappi artikel selanjutnya akan kita bahas tentang kelanjutan membuat tema wordpress sendiri akan kita edit file style.css untuk layout tema buatan kita.

selamat mencoba

This post was written by...

– who has written 63 posts on AriWarna Net.

Contact the author