Kursor web merupakan sebuah pointer web yang membantu pengunjung untuk mengklik menu link teks, atau link gambar yang ada pada halaman website. Secara default kursor web biasanya ditampilkan dalam anak panah biasa dan pada saat kursor berada di atas link akan berubah menjadi kursor tangan.
Di WordPress, kursor web dapat di modifikasi dengan 2 cara yaitu menggunakan properti CSS dan plugin. Jika anda menggunakan CSS maka anda perlu paham bahasa programming CSS. Dan bagi Anda pengguna wordpress, cara termudah dan tercepat adalah menggunakan plugin.
Cursor web bisa menggunakan gambar sendiri atau icon cursor. Anda bisa menggunakan icon cursor dari beberapa sumber yaitu:
Hal pertama yang harus disiapkan adalah menyiapkan gambar kursor yang akan dipakai di web. Anda bisa mendownload dari link sumber icon di atas atau bisa membuat gambar sendiri. Jika anda membuat gambar sendiri, ukuran gambar tidak boleh melebihi 32×32 px. Simpan gambar dalam format PNG atau JPEG.
Pada artikel ini saya akan menunjukkan 2 cara merubah kursor di web wordpress sebagai berikut:
1. Merubah Cursor Web dengan Properti CSS
Berikut ini cara merubah cursor dengan menggunakan property CSS:
Login ke dashboard web wordpress Anda
Upload gambar kursor yang sudah Anda buat ke Media Library
Copy link gambar kursor
Pada jendela dasboard wordpress, pilih menu Appearance >> pilih submenu Customize
Pada jendela Customize, Selanjutnya pilih opsi Additional CSS
Tambahkan properti CSS pada kotak yang disediakan
Hapus dan edit tulisan yang berwarna merah dalam ( “.. “) dengan link gambar cursor anda sendiri.
Klik tombol Publish untuk menyimpan kode properti CSS yang Anda tambahkan.
Refresh halaman frontpage Anda, lihat hasilnya. Semakin menarik kan?
2. Merubah Cursor Web dengan Plugin WordPress
Download dan Install plugin WP Custom Cursor
Setelah terinstall, Activate plugin
Lakukan Setting plugin, pilih menu Wp Custom Cursors seperti terlihat pada gambar dibawah ini:
Pilih submenu Add New untuk membuat dan menambahkan kursor baru.
Keterangan:
- Select Cursor Type: pilih Shape Cursor. Pada versi pro anda bisa menggunakan gambar sendiri.
- Select Shape Cursor : pilih tampilan cursor. Terdapat 18 tampilan kursor
- Activate on body : dipakai untuk mengaktifkan cursor tampil pada semua bagian body website
- Hover effect : pilih Plugin default
- Color: pilih warna untuk cursor
- Width: Isikan angka untuk ukuran cursor
Lihat tampilan Preview untuk melihat Live Previewnya di web.
Setelah itu klik tombol Save Cursor
Untuk melihat hasil, bukalah halaman frontpage website. Tampilan kursor baru yang lebih menarik bisa menambah cantik website dan meningkatkan pengalaman pengguna ketika menelusuri halaman web Anda.
Demikian ulasan cara merubah tampilan default kursor pada website wordpress. Untuk mendalami pembuatan website dengan wordpress, Anda bisa ikut kursus web di Kursuswebpro. Disini anda akan belajar membuat web mulai dari desain, customize dan mengelola web secara mandiri. Anda akan dibimbing oleh mentor berpengalaman di Web dan Digital Marketing sampai bisa. Apapun profesi Anda, siapapun berhak untuk bisa membuat web sendiri.