Kategori: Technology

Posted on by — 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!
Posted on by — Leave a comment

Blog Designer Pack Plugin Cara Setting di Page Agar Muncul Desain Layout Grid / Carousel di Halaman Web

Blog Designer Pack Plugin Cara Setting di Page Agar Muncul Desain Layout Grid / Carousel di Halaman Web
Bagi pemilik Website Blog , mengatur Web Blog pribadi sebenarnya sudah merupakan rutunitas keseharian , namun terkadang tiba-tiba kita ada di titik stuck untuk memulai lagi dan mengingat ingat kembali bagaimana cara mengatur plugin sederhana, Salah satu plugin pack untuk blog yang akan dibahas yaitu blog Designer pack.

Blog Designer Pack cukup dikenal salah satu plugin untuk WordPress themes dengan pengguna sekitar 8000 pengguna aktif. berikut rangkuman sebenarnya untuk lebih mempermudah dan mengingat kembali saat setting blog agar tampilan layout grid / carousel / masonry terbaca di pengaturan web blog kita

  1. Add plugin blog Designer Pack di halaman setting plugins -> add new plugin

jika sudah terinstall akan langsung ada page tambahan di dashboards bernama Blog Designer Pack

Pada Halaman menu Settings-> Readings-> dan pada menu pilihan homepage display pilih static , kemudian pada Pilihan post page deselect (jangan pilih apapun page nya) sehingga yang muncul hanya —SELECT— , lihat gambar yang dilingkari merah

Kembali lagi ke menu Blog Designer Pack, kemudian pilih sub menu Shortcode Builder. dimenu itu, pilihan tampilan layout akan disesuaikan keinginan kita dan otomatis akan muncul shortcode builder yang nantinya akan dipaste di menu blog kita. Copy atau salin shortcode builder untuk nantinya dipindahkan ke menu Blog

Masuk menu pages -> all pages kemudian Pilih page yang akan kita gunakan untuk menampilkan layout yang kita kehendaki di page pilih blocks -> cari block shortcode
kemudian paste shortcode yang tadi sudah kita salin / copy

pada layout pengaturan templates page attributes pilih “Default Template ” update, save dan preview untuk melihat tampilan baru di blog kita

berikut contoh tampilan beserta shortcode nya,
shortcode ini hanya akan muncul jika sudah menginstall Plugin Blog Desaigner Pack

bdp_masonry design=”design-2″ effect=”effect-2″ show_author=”false” show_tags=”false” media_size=”medium”

shortcode ini hanya berlaku jika sudah menginstall plugin Blog Desaigner Pack yah, semoga bermanfaat,

berikut beberapa artikel mengenai blog juga yang bisa membantu jika ada lupa saat setting.

3 pilihan atribut template Full Width, Homepage & Default untuk Halaman WordPress
[https://kask.us/iDoPv]