Pada sebuah website biasanya terdapat menu pada bagian header dan menu-menu tersebut dalam bentuk tulisan. Ada salah satu yang berbentuk tombol, misalnya menu login yang di buat dalam bentuk tombol seperti pada gambar di atas.
Hal yang harus di siapkan adalah:
- Link Url tujuan tombol di arahkan.
- Membuat halaman pada menu
- Mengaktifkan Class CSS
- Menambahkan CSS tambahan untuk tombol menu tersebut.
untuk Script CSS akan kami sertakan di akhir artikel ini, untuk lebih mudahnya dalam tutorial ini silahkan simak video dibawah ini.
Berikut ini adalah script CSS nya silahkan copy paste saja.
.tombol-menu { background-color:#eb5e28; border:10px; padding:1px; border-radius:90px; box-shadow:1px 1px 0px 0px #2f2f2f; } .tombol-menu :hover{ background-color:blue; border:10px; padding:1px; border-radius:90px; box-shadow:1px 1px 0px 0px #2f2f2f; transition: background-color 3s; } .tombol-menu a:hover { text-decoration:none; } .tombol-menu a, .tombol-menu a:active { color:#fff !important; }
Demikian Tutorial Cara Membuat Tombol Menu pada Header WordPress semoga bermanfaat.