Posted on Leave a comment

Cara menyembunyikan hide header & footer web pada spesifik page/ halaman tertentu tanpa plugin

Bagi yang hobi mengelola website pribadi sendiri, baik untuk bisnis maupun untuk keperluan portfolio pribadi, mungkin cara ini diperlukan di beberapa halaman page website anda yaitu menyembunyikan header & footer di page website spesifik, jadi hanya 1 page saja atau beberapa page yang kita inginkan

berikut ini kondisi web yang dicontohkan yang sudah terinstall WordPress penjelasannya sebagai berikut :

  1. masuk ke page spesifik yang ingin anda sembunyikan halaman tersebut
  2. dihalaman page tersebut cari “page id” di url halaman page web anda contoh : https://wiloviaqueen.com/wp-admin/post.php?post=8761&action=edit , post=8761 adalah page id halaman web page anda
  3. masukkan code berikut ke dalam css theme anda, cara mencarinya, klik dashboard ‐> appearance (tampilan) -> klik customize, di halaman cutomize anda akan di arahkan ke dalam pengaturan customize theme yang sedang anda pakai, banyak menu yang akan terlihat klik ‐> additional css
  4. masukan kode berikut ke dalam additional css field(kolom), disini contoh page id yang saya masukkan id=8761 ,
  5. body.page-id-8761 .site-header, body.page-id-8761 .site-footer { display: none; }
  6. jangan lupa untuk klik tombol publish pada customizer nya
  7. selesai.header & footer tidak muncul dalam page yang anda inginkan, semoga bermanfaat!
Leave a Reply

Your email address will not be published. Required fields are marked *