Cara Membuat Button Di Header WordPress

Cara Membuat Button Di Header Wordpress

Cara Membuat Button Di Header WordPress РIngin menambahkan sebuah tombol di header wordpress agar terlihat lebih menarik?.

Caranya cukup mudah, kamu bisa menambahkan tombol di header pada wordpress hanya dengan beberapa langkah saja, agar tampilan website kamu lebih menarik perhatian pengunjung.

Nantinya tombol header wordpress tersebut bisa kamu gunakan sesuai dengan apa yang kamu inginkan, seperti untuk redirect login, sebagai tombol redirect toko, sebagai tombol subscribe dan masih banyak lainnya.

Cara Membuat Button Di Header Pada WordPress

Button in header

1. Login Ke Dashboard WordPress


2. Tambahkan Menu Di Header

 

3. Aktifkan Css Classes ( Centang pada box )

4. Kembali Pada Menu Yang Tadi Di Buat Dan Tambahkan menu-button Pada kolom Css Classes


5. Ke Appearance > Customize Dan Ke Aditional Css

6. Copy Dan Paste Kode Di Bawah Ini Ke Aditional Css

.menu-button { 
background-color:blue;
border:1px;
border-radius:12px;
}
.menu-button a, .header-menu-button a:hover, .header-menu-button a:active { 
color:#fff !important;
}

7. Publish Dan Selesai

Penutup

Kamu bisa merubah warna dan radius border sendiri di aditional css, sesuai dengan yang di inginkan, kamu juga bisa menambahkan beberapa kode css lain seperti efek hover jika kamu bisa dan tau bahasa pemrograman css.

demikian tutorial cara membuat button di header pada wordpress, semoga tutorial kali ini dapat bermanfaat dan menambah wawasan baru.

Sulistio
Informasi Dunia Teknologi
adbanner