Mengubah Bagian Header dan Footer Wordpress Development

19/10/2015    Ekky Ridyanto    4169     Website

Lanjut lagi ke materi wordpress. Saya akan membahas bagaimana caranya jika kita ingin mengcustom atau mengubah bagian header dan footer agar lebih flexsibel. Caranya sangat mudah teman teman silahkan buat dua buah file yakni header.php dan footer.php masih di dalam folder theme yang kita gunakan sebagai berikut

Ketika kita buat file tersebut dan masih kosong maka ketika kita tampilkan bagian header dan footer akan kosong kenapa ? karena ketika kita buat file baru header.php dan footer.php pada wordpress maka secara otomatis akan mengambil content dari file tersebut maka hasilnya akan kosong meskipun kita sudah buat fungsi yakni get_header() dan get_footer() untuk menampilkannya. Itu dia tugas kita sekarang yakni akan mengisi content-content atau informasi ke bagian header dan footer. Untuk header karena dia sering muncul diawal maka saya akan buat struktur HTML biasa dan pastikan tag penutup </body> dan </html> kita pindahkan ke file footer.php

Karena meskipun file tersebut terpisah sebenarnya akan tetap satu file. Ada beberapa informasi yang bisa kita tambahkan dan kita mau buat lebih dinamis. Tugas berikutnya dan tidak kalah penting kita mau selalu ada tag yang gunanya untuk meload secara otomatis script-script mau itu CSS, Javascript atau plugin plugin dan akan menampilkan judul titlenya sebagai berikut

Didalam tag <body> temen temen bisa tampilkan sedikit informasi yakni sebagai berikut

Pada elemen <h1> terdapat link yang gunanya ketika kita klik link tersebut akan tertuju ke halaman pertama dan informasi berikutnya kita akan sisipkan bloginfo() dengan parameter description atau sama seperti tagline sebagai berikut

Jadi fungsi fungsi temen temen lihat yakni fungsi fungsi yang sudah dibuat oleh wordpress dan kita hanya menggunakan saja. Sebelum pindah ke browser pada bagian footernya. Kita lengkapkan dulu. Sama seperti sebelumnya kita butuh wp_footer() dan kita berikan sedikit informasi text yang nantinya kita tampilkan contohnya sebagai berikut.

Kita tampilkan dan akan terlihat kita sudah berhasil menambahkan informasi dibagian header dan footer.

Oke nanti tugas kita selanjutnya adalah mengubah CSS dari content yang sedang kita buat. Terima Kasih.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More